我正在生成多个画布并将它们排列在屏幕的不同部分。每个画布上都有一个绘图（使用javascript完成）或文本（使用html完成），可能太小而无法看到。我正在使用Shadowbox，以便用户可以单击特定画布并查看展开的视图。
我的问题是以这样的方式制作画布，以便可以使用Shadowbox缩放它们。因为这些画布是动态绘制的（绘制的是基于用户输入的），所以它们不是图像。似乎处理此问题的最佳方法是创建临时图像，在画布中以较小的尺寸显示，然后在Shadowbox中以完整尺寸显示。
创建画布的临时图像是最好的方法吗？或者有更好的方式使用HTML5和/或Shadowbox？我对javascript / Shadowbox的HTML5 /绘图知之甚少，所以建议不胜感激。
答案 0 :(得分：0)
如果你想在画布上画一些小的东西，你只需要使用
context.scale(x, y)
初始比例为1,1。将比例设置为0.5,0.5将使所有内容都缩小。
您的所有绘图代码都可以保持不变，只会显得更小。
您需要阅读所有画布上下文转换以及如何使用它们。 Mozilla教程非常好：
https://developer.mozilla.org/en/Canvas_tutorial/Transformations