Three.js 和 KineticJS，将 KineticJS 层保存到 THREE.texture答案

【问题标题】：Three.js and KineticJS, save KineticJS layer to THREE.textureThree.js 和 KineticJS，将 KineticJS 层保存到 THREE.texture
【发布时间】：2012-10-03 01:38:28
【问题描述】：

我的问题几乎与标题所述完全相同。我需要以某种方式将 KineticJS 层转换为 ThreeJS 纹理，以便可以将其应用到平面。我这样做是因为我需要在我的 3D 场景中利用 KineticJS 的文本操作能力。

我正在使用这条线路

var texture = new THREE.Texture(layer.getCanvas());

将其转换为纹理，但这根本不起作用。我将如何正确地做到这一点？我需要先在舞台内设置场景吗？

【问题讨论】：

标签： javascript html textures three.js kineticjs

【解决方案1】：

你可以使用

toDataURL();

然后将该图像用作纹理。

http://tutorials.jenkov.com/html5-canvas/todataurl.html

【讨论】：

所以为了加载它，我是否只需制作另一个图像元素并将其源设置为该 toDataURL 方法的输出，然后将其转换为纹理，就像本例中的第二篇文章一样？ github.com/mrdoob/three.js/issues/1305