直接设置画布上路径的alpha通道中的每个点

时间:2014-04-22 00:24:44

标签: javascript html5 canvas alpha pixel-manipulation

让我们说我的画布上有东西,我想在它的中心雕刻一个椭圆,其所有像素的alpha都为0,让画布后面的所有东西都放在画布上要通过,并且考虑到之前现在由椭圆填充的区域是另外的东西,并且说,出于性能原因,我不想使用putImageData,我该怎么做? 如果没有办法,我将如何使用putImageData雕刻椭圆?

为了说清楚:我不想在画布上绘制 的html元素,我希望它们只是在html 后面它< / p>

1 个答案:

答案 0 :(得分:2)

您可以在绘制框架后使用context.globalCompositeOperation = 'destination-out' 填充剪裁的形状。

示例:http://jsfiddle.net/rlemon/6nEpc/