我有一个KineticJs项目，我创建了几个带循环的矩形。我没有给他们任何类型的PII。但是使用拖动组件，我可以单独拖动它们。画布的幕后发生了什么，我们在开发人员工具中看不到任何东西。我希望能够看到正在发生的事情，比如屏幕上我所拥有的x和y坐标。
<canvas width="1578" style="width: 1578px; height: 1200px; position: absolute;" height="1200"></canvas>
这就是在包含10个矩形的画布的开发人员工具中显示的全部内容。
答案 0 :(得分：0)
<canvas>不会保留对其上绘制的“形状”的引用。它实际上只是一个绘图表面，所以它由脚本（或库）执行绘制以执行逻辑并保持对任何绘制形状的引用。
如果你想要具有这种本机功能的东西，你应该看一下<svg>元素。在那里，您将能够看到（并参考）<rect>元素
有关svg的更多信息： https://developer.mozilla.org/en/docs/SVG
答案 1 :(得分：0)
画布只是一个位图绘图表面。就像MS Paint（或现实生活中的画布）一样，绘图表面没有你在其上绘制的东西的记忆。它能做的只是告诉你当前的像素。
无论是KineticJS还是您需要跟踪您想要记住的每个相关对象。
在KineticJS中，您有一个具有图层的舞台对象，这些图层具有组和形状。
您有兴趣获取给定图层中的所有形状。
您需要在KineticJS教程和文档中查找。
在继续之前你应该阅读这些：