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

Directly set every point in path's alpha channel on canvas

本文关键字:通道 alpha 设置 路径      更新时间:2023-09-26

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

只是要明确一点:我不想在画布上绘制html元素,我希望它们只是在it

后面的html

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

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