two.js与dat.GUI的连接

Question

我想将变更letter.linewidth = 10与dat.GUI中的控件链接起来。

下面是完整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);
}

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