将两个.js与dat链接.GUI

Linking two.js with dat.GUI

本文关键字：dat 链接 GUI js 两个      更新时间：2023-09-26

我想将更改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';

向数据中添加元素。GUI，它在文档中说"The property must be public, i.e. defined by this.prop = value"，尽管当我在letter.linewidth前面添加this.时，它破坏了two.js的功能，并且不解释SVG。

我对JavaScript有点陌生，很难弄清楚这一点。

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

因此，经过多次尝试，我找到了修复方法。

以下是通过两个.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;

我说这封信的日期不对。GUI。这是我的dat代码。GUI：

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

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

相关文章：