我想将更改 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 有点陌生,并且很难弄清楚这个问题。
任何帮助将不胜感激。
最佳答案
经过多次尝试,我找到了解决办法。
下面是通过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);
}
我不知道这对任何人是否有用,但是嘿,希望这会在有人遇到同样问题时有所帮助。
关于javascript - 将two.js 与dat.GUI 链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34437430/