Javascript 画布2D GlobalComposite操作(打火机)

Javascript 画布2D GlobalComposite操作(打火机),javascript,canvas,Javascript,Canvas,根据上的规范,“打火机”成分为“A加B” 假设这是我的情况: 画布背景色:红色(#FF0000) 从绿色(#00FF00)到黑色(#000000)绘制线性渐变 预期结果:从黄色(#FFFF00)到红色(#FF0000)的线性梯度 然而,“打火机”合成操作似乎并没有添加颜色。相反,它只是在红色背景上绘制绿色/黑色渐变 预览:&代码: 一些注意事项: 我已经在chrome、firefox和opera上测试过了。我只能看到3个选项:还没有浏览器实现“更轻”的组合,或者规范完全错误,或者我的代码错误

根据上的规范,“打火机”成分为“A加B”

假设这是我的情况:

  • 画布背景色:红色(#FF0000)
  • 从绿色(#00FF00)到黑色(#000000)绘制线性渐变
  • 预期结果:从黄色(#FFFF00)到红色(#FF0000)的线性梯度
然而,“打火机”合成操作似乎并没有添加颜色。相反,它只是在红色背景上绘制绿色/黑色渐变

预览:&代码:

一些注意事项:

  • 我已经在chrome、firefox和opera上测试过了。我只能看到3个选项:还没有浏览器实现“更轻”的组合,或者规范完全错误,或者我的代码错误
  • 我意识到创建从黄色到红色的渐变很简单,但我需要“更轻”的操作来处理更复杂的图形

  • 打火机上的拼写错误
    FTL:O

    打火机上的拼写错误FTL:O

    记录在案,在Firefox中打开严格警告会发现这个问题。

    记录在案,在Firefox中打开严格警告会发现这个问题。

    好的,这太差劲了。。。(拍了拍自己的头)我发誓我检查了一些琐碎的东西,像这样。。。哦…好吧,这太差劲了。。。(拍了拍自己的头)我发誓我检查了一些琐碎的东西,像这样。。。哦,好吧。。。