将 two.js 链接到 dat.GUI

Question

我想 link 使用 dat.GUI 中的控件更改 letter.linewidth = 10。

这里是完整的 letter 变量的代码：

var letter = two.interpret(document.querySelector('.assets svg'));
    letter.linewidth = 10;
    letter.cap = letter.join = 'round';
    letter.noFill().stroke = '#333';

要向 dat.GUI 添加一个元素，它在文档“The property must be public, i.e. defined by this.prop = value”中说，但是当我在 letter.linewidth 前面添加 this. 时，它破坏了two.js 并且不解释 SVG。

我对 JavaScript 有点陌生，很难弄清楚这个问题。

如有任何帮助，我们将不胜感激。

Answer 1

经过大量尝试，我找到了解决方法。

这里是通过two.js绘制SVG的代码：

var letter = two.interpret(document.querySelector('.assets svg'));
letter.linewidth = 100;
letter.cap = letter.join = 'round';
letter.noFill().stroke = '#272727';
letter.scale = 1;

我用 dat.GUI 称错了这封信。这是我的 dat.GUI:

代码

window.onload = function() {
var gui = new dat.GUI();
gui.add(letter, 'linewidth', 1, 100);
}

我不知道这是否对任何人有用，但是嘿，如果有人运行遇到同样的问题，希望这会有所帮助。

将 two.js 链接到 dat.GUI

Linking two.js with dat.GUI

javascript

dat.gui

two.js