如何为HTML5画布添加预览窗口

Question

我有一个带有canvas元素的页面。我用它来绘制平面图的坐标。画布加载外部图像，它将记录所有映射的坐标。

请查看下面的网址，了解我在说什么。许多功能在页面中不起作用，并且画布在800x600图像下工作正常。

HTML5 Canvas

问题是，在画布上绘制这些坐标可能不准确，我想添加缩放功能，我可以在单独的缩放窗口中看到绘图标记，类似于jQuery图像缩放插件。这些插件在这里不起作用，因为我需要实时预览绘制的标记。

我正在考虑将画布和用户交互克隆到第二个画布中，但不确定它是否是正确的方式。

有人能建议我实现这个目标的最佳途径吗？任何帮助是极大的赞赏。感谢。

Answer 1

好好添加画布预览会对你有所帮助，但是在同一页面的另一个画布上进行操作肯定会冒着浏览器的强度。最好通过点击一些链接来显示预览，该链接转到另一个页面。