gpt4 book ai didi

javascript - Canvas 2D globalCompositeOperation(打火机)

转载 作者:行者123 更新时间:2023-11-30 07:46:03 25 4
gpt4 key购买 nike

<分区>

根据 http://dev.w3.org/html5/2dcontext/#dom-context-2d-globalcompositeoperation 上的规范,“较轻”的成分是“A加B”。

假设这是我的情况:

  • Canvas 背景颜色:红色 (#FF0000)
  • 绘制从绿色 (#00FF00) 到黑色 (#000000) 的线性渐变
  • 预期结果:从黄色 (#FFFF00) 到红色 (#FF0000) 的线性渐变

但是,“打火机”复合操作似乎并没有添加颜色。相反,它只是在红色背景上绘制绿色/黑色渐变。

预览:http://jsbin.com/uvaje4/4/ &代码:http://jsbin.com/uvaje4/4/edit

一些注意事项:

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

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com