css - Imagemagick 复制 css mask-image 和 background-blend-mode 规则

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