Javascript 为什么'；t翻译div中画布的作品？

我在一个分区中有两块画布。我试图翻译其中一块画布，但没有成功

显示了我注释掉翻译行的情况：

this.innerElement2Ctx.translate(100,100);

但是当我把这条线包括进去时，这个小正方形就消失了。为什么？如果您在浏览器中运行此页面并检查innerElement2，您将看到它根本没有移动，但小正方形消失了

---

供您参考，我需要2个画布，因为我计划将鼠标事件附加到innerElement2。

翻译上下文会调整0,0点的位置，以便将来使用绘图命令；缩放上下文可调整大项目在画布上的绘制方式；旋转上下文可调整项目的绘制方向。这些上下文转换都不会调整画布框本身的大小或位置

下面是我调整画布转换的一个示例，使用相同的命令可以让用户在画布上缩放和平移：

如果要在HTML页面中移动画布的位置，请像处理任何其他元素一样使用简单的CSS位置，例如a

如果您想要复杂的2D或3D转换，您可以使用CSS的尖端功能（现代浏览器支持）。例如，请参见：