提高画布性能与透明度

Improving Canvas Performance with Transparency

本文关键字：透明度性能高画布更新时间：2023-09-26

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

是否有任何方法可以丢弃包含透明度的像素?

当我绘制不包含任何透明像素的图像时，它真的很快。

是的，您可以获得没有alpha支持的上下文。缓慢可能来自于浏览器必须与元素进行的背景合成以及每次绘制的内容。下面是如何(注意末尾的选项)

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

你仍然可以在画布内局部合成透明度，但背景将始终保持不透明。我想大多数浏览器都支持它，但我不认为ie11或更早的浏览器支持它。