问题标签 [two.js]

我有一个 Two.JS 多边形对象。现在我想要一个点的 x/y 位置（点的位置在曲线上以 % 给出）

Two.JS 多边形具有属性结尾。你可以在那里给出一个 0 到 1 之间的数字。这就是我想要的一个特定点。有没有办法获得曲线上某个点的 x/y？

也许可以使用另一个 JS Canvas/SVG Lib。

我想将 div 导出为 PNG 或 JPG 图像。基本上 div 有一个附加的 two.js 对象。Two.js使用 SVG 绘制，这意味着我猜想我不能使用那些画布toDataURL替代品。

two.js 实例是一个 400 x 400 像素的框，包括使用two.makeLine(x1,y1,x2,y2).

如果可能，JavaScript 应该返回该 div 或 two.js 对象的生成图像/屏幕截图。

在 CocoonJS 的路径演示中缩小时，我得到了一些奇怪的效果。（爱康尼亚 A510）。矩形中缺少像素。如果我放大它，它看起来又很坚固（但非常像素化）。有人可以确认这也发生在其他设备上吗？

附录

我想这与 smae 问题有关。相同的测试代码在 CocoonJS（相同设备）和 Win 7 / Chrome 30.0.1599.66 m 上运行

这是 Nexus 7 的另一个测试

https://f.cloud.github.com/assets/220033/1242079/0003f2e2-2a31-11e3-8c53-282493a462a9.png

关于 TwoJS 的 github 的更多信息：https ://github.com/jonobr1/two.js/issues/48

我有一个大圆圈，里面有较小的圆圈，使用two.js 制作。

我的问题是这两个不是在自己的位置而是在左上轴旋转。 我希望这组圆圈 ( circlesGroup) 仅在静态位置的大圆圈内旋转。和circlesGroup大圆组合在一起为rotatoGroup。

整个代码在CodePen中。

在创建two.js对象时，以下是部分：

我试图将所有必要的参数保存在一个数组中，如下所示：

[x position, y position, radius, color]

所以我有这个功能

后者的问题是线条

每次触发时都需要一个新变量，因此输出是一组圆圈，当单独单击时，只有最后一个会改变颜色，因为我所拥有的设置var rotato应该是新的每个圆圈和迭代。

如何使变量动态化，或者有更好的解决方案来解决这个混乱？

这是一个 codepen fork。

有什么方法可以在 two.js 中解释带有 object 标签的外部 svg 文件吗？我尝试了下面的方式但是..

HTML

JS

如果我可以导入外部 .svg 文件，那就太好了，因为我的 svg 文件太大而无法以 HTML 格式写入内联 SVG。

提前致谢。

如果 object 标记不是很合适，那么是否有更可取的方法来获取 SVG 文件并直接使用 two.js 对其进行操作？还是我必须进入 SVG 并内联添加它们？

使用这个问题的代码和我自己的一些编辑，我无法让我的对象旋转，Chrome 给了我错误： Uncaught TypeError: Cannot read property 'x' of undefined

HTML

JS

由于引用问题中的代码似乎适用于个人，我假设我只是有一个语法错误。关于发生了什么的任何想法？

编辑：在弗朗西斯的帮助下，我能够解析我自己的 SVG，以便与弗朗西斯提到的 for 循环一起使用，以便访问其中的元素，但似乎正在考虑以下 SVG 中的嵌套 G 标记为空。 ..由于某些原因：

此外，Chrome 在加载时会引发以下错误：

'Uncaught TypeError: Cannot read property 'nodeName' of null' 在第 68 行，在 handler() 函数中（这是我认为嵌套的 G 被认为是 null）：

'Uncaught TypeError: Cannot read property 'childNodes' of undefined' 在上述 for 循环中，我认为这是因为 null 元素被认为是 null 的事实：

我是two.js的新手。我正在尝试使用橡胶球示例进行一些基本实验，以根据随机输入而不是鼠标移动每秒重新定位球。

所以，我写了下面的代码，但经过一些迭代后它正在消除橡皮球效应。我不知道出了什么问题。

第二个问题，经过一些迭代，橡胶球的形状正在从圆形变为椭圆形。

JSFiddle： http: //jsfiddle.net/2v93n/尝试了很多次，但没有与 jsFiddle 一起工作。

请帮助某人。

I'm building a web-app using Two.js which generates shapes and then removes them again after their lifespan is up.

When making the shapes I push them into a new array which I then loop through every frame to check if the lifespan is up. If it is then the shape is removed and spliced from the array.

This works 99% of the time, but sometimes a shape does not get removed from the stage, even though it gets removed from the array. So it gets stuck and there is no reference to it so I can't remove it.

Also if I remove the 'if shape' check in the loop I get this error a lot: Uncaught TypeError: Cannot read property 'creationTime' of undefined which I'm sure means something is not right.

我正在使用 Two.JS 向舞台渲染形状，这些形状已使用 Two.js 解释方法从 SVG 解释。

它们添加了生命周期属性，在 Two 的渲染循环中，我检查插图并在时间到时将其删除。

这在大多数情况下都有效（> 99％），但偶尔形状会卡住并且我收到此错误：

Uncaught NotFoundError: 无法在“节点”上执行“removeChild”：要删除的节点不是该节点的子节点。

这是我删除插图的循环：

这是发生错误的 two.js 中的相关代码。

这只发生在解释的 svg 上，而不是形状。形状和解释形状都返回 two.polygon 对象，所以这看起来很奇怪。

我能想到的一件事是 two.js 使用它解释为多边形的 id 的元素的 id，如果有两个具有相同 id 的元素，那么这会在尝试删除时导致错误。但是，如果有任何现有的插图，每次都停止添加插图，但 alreadyIllustration 检查似乎都能正常工作。

我还尝试将 id 设置为它的创建时间，而不是元素的 id，因此它每次都是唯一的，但这会导致其他问题和错误。

非常感谢。