0

我需要混合图像数据。我不知道如何解释它,所以我显示它。

我不能写链接,因为我的名声很小,所以这里是在线图片目录

我有上面链接中的目标图像
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)。

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

4

1 回答 1

0

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

于 2013-08-04T08:16:06.610 回答