【问题标题】:Directly set every point in path's alpha channel on canvas直接在画布上设置路径的alpha通道中的每个点
【发布时间】:2014-04-22 00:24:43
【问题描述】:

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

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

【问题讨论】:

  • 雕刻画布?可怜的画布。
  • @bjb568 你必须做你必须做的事情才能继续你的生活......我知道这很伤心兄弟,但我真的必须这样做
  • @rlemon 是的,你错了:那是为了以后在画布上进行路径渲染,而不是为了显示它后面的东西,这正是我想要的

标签: javascript html canvas alpha pixel-manipulation


【解决方案1】:

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

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

【讨论】:

    猜你喜欢
    • 2011-06-06
    • 2013-05-30
    • 2012-03-27
    • 1970-01-01
    • 2015-03-12
    • 2013-02-04
    • 2013-09-08
    • 2013-01-16
    • 1970-01-01
    相关资源
    最近更新 更多