请解释混合模式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/