kineticjs - 如何找到 Kinetic 生成的画布的 ID？

Question

在我使用 Kinetic 创建想要的画布后，我想以其他方式对其进行操作。我在文档中找不到 Kinetic 创建的画布的 ID。我想通过使用 getElementById 来获取它。谢谢你的时间。

Answer 1

不幸的是，Kinetic 没有用 ID 定义 Canvas。使用“getCanvas”函数可能有效，但您需要从特定层调用它。对我来说最好的解决方案是使用 div 容器的 id 并调用“getElementsByTagName”来访问 Canvas 元素。但是通常无论如何你只有一个 Canvas，所以你可以像这样得到它：

console.log(document.getElementsByTagName('canvas')[0]);

唯一的问题是 Kinetic 为每个图层创建一个单独的 Canvas 元素，因此最好在您的项目中只使用一个图层，或者您必须浏览它们：

var canvases = document.getElementsByTagName('canvas');
for (var i = 0; i < canvases.length; i++) {
    console.log(canvases[i]);
}

Answer 2

会使用getCanvas()工作吗？（动力学文档只是说它用于“获取图层画布”）

此外，我不确定这是否是相同的想法，但您可以查看这个问题。