HTML 5 Canvas缩放渲染非常慢

Question

我正在使用HTML 5画布使用paper.js。

在其上绘制图像和绘制注释

我正在尝试为Canvas实现缩放功能。为此，我正在使用比例功能。当用户尝试进行缩放时，首先我缩放画布，然后重新绘制内容。

但是假设，如果Canvas上有很多内容，那么它会使进程变慢。渲染需要一些时间。

我能为此做些什么？请建议我可行的解决方案。

Answer 1

您可以尝试使用WEBGL渲染，WebGL是硬件加速的，因此操作比画布更平滑。 Three.js库提供webGL渲染选项，最新的浏览器版本支持它。