Imagemagick 复制 css 蒙版图像和背景混合模式规则

Question

我想将这些 CSS 规则转换为 Imagemagick 的 convert 命令：

.foo {
  background: red url('image.png');
  mask-image: url('mask.png');
  background-blend-mode:multiply;
}

有什么建议吗？

JSFiddle 在这里使用我自己的示例图片：https://jsfiddle.net/1b4wek70/

请注意，图像和蒙版是同一来源，但不应该是问题。我还使用 -webkit-mask-image 代替 Chrome，因为它仍然需要添加前缀，因此请确保它是在合适的浏览器上查看的。

Answer 1

在 ImageMagick 中，我相信会是（Unix 语法）

convert -size 500x500 xc:white \( image.png -fill blue -colorize 100 \) -compose over -composite image.png -compose multiply -composite result.png

Imagemagick replicate css mask-image and background-blend-mode rules