Question

我有一个使用mix-blend-mode的svg：乘法。该svg是使用JS在浏览器中以编程方式生成的。

   <svg ref="svgElement" version="1.1" xmlns="http://www.w3.org/2000/svg" width="500" height="500">
      <circle cx="50" cy="50" r="40" stroke-width="4" fill="green" style="mix-blend-mode: multiply;" />
      <circle cx="75" cy="75" r="40" stroke-width="4" fill="red" style="mix-blend-mode: multiply;" />
      <circle cx="100" cy="50" r="40" stroke-width="4" fill="blue" style="mix-blend-mode: multiply;" />
    </svg>

我可以在浏览器中下载此svg，并希望将该svg文件发送到打印机（专业的打印公司），但是当他们在Illustrator或Photoshop等中打开文件时，不会保留乘法效果。

是否有办法在客户端中克服这一问题。我认为也许svg可以变平。能行吗？

任何帮助将不胜感激。

谢谢

Answer 1

您可以尝试将其重铸为仅使用SVG 1.1功能-mix-blend-mode是新功能，我猜测Adobe工具尚未正确呈现此功能。

类似这样：

[ServiceContract]
    public interface Iservice1
    {
        [OperationContract]
        string  UserLogin(vlogin login);
    }
    [DataContract]
    public class vlogin
    {
        private string vusername;
        private string vpassword;
        [DataMember]
        public string UserName
        {
            get
            {
                return vusername;
            }
            set
            {
                vusername = value;
            }
        }
        public string Password
        {
            get
            {
                return vpassword;
            }
            set
            {
                vpassword = value;
            }
        }
    }

使用混合混合模式乘法打印SVG

1 个答案: