我可以在 HTML 5 页面上有多个画布，每个画布上都有一个图像吗？我基本上需要在我的应用程序的所有图像上使用JS 操作插件，这个插件需要图像在画布上。
在其中有多个画布和一个图像会影响或减慢页面的性能吗？
问问题
4928 次
2 回答
5
是的，您可以拥有多个画布元素。您的页面的性能不会因为有多个画布而受到影响。影响你表现的是画布的重绘。至于图像，决定性能的是必须进行多少重绘。
您可以在以下位置阅读更多内容：单个页面上的 HTML5 多个画布
于 2012-10-05T09:16:27.917 回答
2
Canvas 元素的重绘速度非常快。它比 SVG 快得多，这使得它作为 Web 开发的绘图工具非常有效。
您可以根据需要使用任意数量的画布，它们不应对您的页面性能产生负面影响。
此外，画布元素是在整个页面中加载的，但是加载图像和绘制到画布中的代码通常是在页面完全加载后执行的，所以唯一会降低页面性能的就是你在不同的画布中执行的操作元素，而不是您在页面中使用的那些元素的数量。此外，如果您在页面加载后开始绘图，无论您在画布元素上做什么，因为当您开始绘图时页面将完全加载。
请记住，javascript 用于在画布上绘图。如果您使用繁重的过程来制作绘图，您会发现一幅画布绘图会阻塞另一幅，直到完成。尝试以更少阻塞的方式构建您的绘图代码，以避免这种情况。
于 2012-10-05T10:35:32.433 回答