如何在 html5 中同时缩放多个画布

How to zoom multiple canvas simultaneously in html5?

本文关键字：缩放 html5      更新时间：2023-09-26

我正在一个html5项目中工作。在其中，我将多个形状（例如线条，矩形，圆形等）绘制为单独的画布。

简而言之，我有一个画布，

我的文档加载在上面，当我绘制任何形状时，我正在为该特定绘图制作新画布。但是我在缩放绘图时遇到了问题，因为我们有HTML5方法来缩放画布内的绘图。

即 

ctx.scale(zoom_value,zoom_Value);

我也想用画布缩放绘图。

提前谢谢。

@Shanky ： 你的问题目前似乎有点不清楚。你能详细说明一下吗？

如果您的意思是问是否可以在不重绘内容的情况下缩放canvas本身，那么对不起，您不能。重新调整canvas的大小（甚至将其尺寸重置为相同的值将清除canvas）。

但是，是的，您可以重绘canvas以实现缩放效果。

编辑您的问题以包含更多代码，以便我们能够为您提供帮助！

相关文章：