我的应用多次在画布上绘制相同的数字。我们发现我们可以在隐藏的画布上绘制一次,然后将它们复制到目标画布上。 我们使用drawImage将图像从屏幕外的画布复制到主屏幕。但是当画布上有一个剪辑区域时,drawImage会慢72%,即使这个区域与画布的大小相同(基本上应该是无操作)。 有没有办法克服这个性能问题?如何在画布上进行剪切,drawImage(或任何替代方案)仍然表现良好?
演示测试:http://jsperf.com/drawimage-with-clipping
(Chrome中没有表演差异)