直接设置路径中的每个点'画布上的alpha通道
Directly set every point in path's alpha channel on canvas
假设我有一个画布,上面有一些东西,我想在它的中心雕刻一个椭圆,它的所有像素的alpha都为0,让画布后面的所有东西都通过,考虑到以前椭圆填充的区域是其他的,我说,出于性能原因,我不想使用putImageData,我该怎么做?如果没有办法,我该如何使用putImageData雕刻椭圆?
只是要明确一点:我不想在画布上绘制html元素,我希望它们只是在it
绘制框架以填充剪裁的形状后,可以使用context.globalCompositeOperation = 'destination-out'
。
示例:http://jsfiddle.net/rlemon/6nEpc/
相关文章:
- 如何将不可变的js导入angular 2(alpha)
- 如何使用RGB或HSL显示HWB/HSB/CMYK通道
- 如何(功能)检测浏览器是否支持WebM alpha透明度
- GoogleCalendarJavaScriptapi,将用户添加到带有“;写“;通道
- Kurento数据通道的创建和管理
- html5具有特定alpha的画布填充文本和具有不同alpha的背景
- Tic tac toe alpha-beta
- 如何启动WebRTC数据通道
- 从source-mirth检索通道目标中的数组结果
- html5画布支持带alpha的十六进制颜色吗
- 新的gump ruby sass alpha任务失败
- Obtain alpha from Bootstrap Colorpicker
- HTML5画布到PNG在alpha透明时将所有通道归零
- 正在禁用derbyjs中的浏览通道
- EffectComposer和具有三个.js的alpha通道
- 按 alpha 通道绘制的图像映射
- 画布到数据不带 alpha 通道的URL
- WebGL渲染到纹理-如何将数据写入alpha通道
- 添加Alpha通道的背景颜色使用jQuery / JavaScript
- 直接设置路径中的每个点'画布上的alpha通道