透明度提高画布性能

Question

绘制包含透明度的图片很慢。

有没有办法只丢弃包含透明度的像素？

当我绘制不包含任何透明像素的图像时，它的速度非常快。

Answer 1

是的，您可以获得没有alpha支持的上下文。缓慢可能来自合成浏览器的背景与元素和每次绘制的东西。这是如何（注意最后的选项）

var context = canvas.getContext('2d', {alpha:false});

您仍然可以在画布内局部合成透明度，但背景始终保持不透明。我认为大多数浏览器都支持它，但我不会坚持使用ie11或更早版本。