javascript - 将two.js 与dat.GUI 链接

Question

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

以下是完整字母变量的代码:

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

要将元素添加到 dat.GUI，文档中显示“该属性必须是公共(public)的，即由 this.prop = value 定义”，但当我添加 this. 在 letter.linewidth 前面，它破坏了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);
}

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