请解释混合模式 bm_dest_color 用于混合图像数据

Question

我需要混合图像数据。我不知道怎么解释，所以我展示一下。

我不能写链接，因为我的名声很小，所以here is directory with images online。

我有 目标图像，如上面的链接中所示。
FirstStep.png 我用 alpha 0.5 绘制黑色图像。结果图像是源图像

当我将 源图像 绘制到 目标图像 时，结果是 目标上的源图像

我需要混合模式来获得像 final.png

这样的结果

我做了一个无名的游戏引擎。我需要在 html 画布上做同样的事情。在无名游戏引擎上我用这个来做

draw_set_blend_mode_ext(bm_dest_color,bm_normal);
'destination image'.draw('Source image')//some like this

在无名游戏引擎的文档中是这样写的

draw_set_blend_mode_ext(src,dest) 指示源颜色和目标颜色使用的混合模式。新颜色是源的某个因子乘以目标的另一个因子。这些因素是通过此功能设置的。要理解这一点，源和目标都具有红色、绿色、蓝色和 alpha 分量。所以源是（Rs，Gs，Bs，As），目的地是（Rd，Gd，Bd，Ad）。所有都被认为位于 0 和 1 之间。您可以为源和目标选择的混合因子是：

• bm_zero：混合因子为 (0, 0, 0, 0)。
  
• bm_dest_color：混合因子为 (Rd, Gd, Bd, Ad)。

有人可以帮我为 JavaScript 制作类似 draw_set_blend_mode_ext(bm_dest_color,bm_normal); 的东西吗？

Answer 1

我找到了解决方案。 我使用了 GlobalCompositeOperation source-atop 这是结果http://1.popokecal.appspot.com/