我正在研究heatmap.js修复,我想知道是否有人知道是否有可能用<canvas>2d渲染上下文来实现以下效果.
两个梯度重叠.我现在的问题是:重叠区域加在一起导致比径向渐变中心更高的alpha值,从而显示错误的数据(例如,由于渐变之间的那些添加,热图中的较热区域)
看看下面的要点,通过在控制台中执行它,您可以看到问题.
预期的行为将是:最暗的区域是渐变中心,两个渐变的重叠区域合并但不会加起来.
在看到没有globalCompositeOperations导致预期的行为后,我尝试了这些操作的组合.我认为可能的方式可能如下:
但不幸的是,我没有找到一个有效的组合.我很想听听您的反馈,提前谢谢!
PS:我知道这可以通过手动操作像素来完成,但我想知道是否有更简单,更优雅和更快的解决方案.