0

我正在生成多个画布并将它们排列在屏幕的不同部分。每个画布上都有一个绘图(使用 javascript 完成)或文本(使用 html 完成),可能太小而无法看到。我正在使用Shadowbox,以便用户可以单击特定的画布并查看展开的视图。

我的问题是使画布可以用 Shadowbox 放大。因为这些画布是动态绘制的(绘制的是基于用户输入的),所以它们不是图像。处理这个问题的最佳方法似乎是创建临时图像,这些图像在画布中以较小的尺寸显示,然后在 Shadowbox 中以全尺寸显示。

创建画布的临时图像是最好的方法吗?或者有没有更好的方法使用 HTML5 和/或 Shadowbox?我不太了解 HTML5/使用 javascript/Shadowbox 绘图,因此不胜感激。

4

1 回答 1

0

如果你想在画布上画一些更小的东西,你所要做的就是使用

context.scale(x, y)

初始比例为 1,1。将比例设置为 0.5,0.5 将使绘制的所有内容变小。

您所有的绘图代码都可以保持不变,只是看起来更小。

您需要阅读所有画布上下文转换以及如何使用它们。Mozilla 教程非常好:

https://developer.mozilla.org/en/Canvas_tutorial/Transformations

于 2011-05-22T20:16:52.467 回答