假设我有一个上面有东西的画布,我想在它的中心雕刻一个椭圆,其所有像素的 alpha 为 0,让画布后面的所有东西都通过,并且考虑到以前的区域现在椭圆填充的是别的东西,并说,出于性能原因,我不想使用 putImageData,我该怎么做?如果没有办法,我将如何使用 putImageData 雕刻椭圆?
只是为了说清楚:我不想在画布上绘制 html 元素,我希望它们只是在它后面的 html 中
假设我有一个上面有东西的画布,我想在它的中心雕刻一个椭圆,其所有像素的 alpha 为 0,让画布后面的所有东西都通过,并且考虑到以前的区域现在椭圆填充的是别的东西,并说,出于性能原因,我不想使用 putImageData,我该怎么做?如果没有办法,我将如何使用 putImageData 雕刻椭圆?
只是为了说清楚:我不想在画布上绘制 html 元素,我希望它们只是在它后面的 html 中
您可以context.globalCompositeOperation = 'destination-out'
在绘制框架后使用来 填充剪裁的形状。
示例:http: //jsfiddle.net/rlemon/6nEpc/