如何解决Imagemagick 复制 css mask-image 和 background-blend-mode 规则
我想将这些 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,因为它仍然需要添加前缀,因此请确保在适当的浏览器上查看。
解决方法
在 ImageMagick 中,我相信是(Unix 语法)
convert -size 500x500 xc:white \( image.png -fill blue -colorize 100 \) -compose over -composite image.png -compose multiply -composite result.png
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。