使用混合模式乘法打印SVG

我有一个svg，它使用混合模式：multiply。此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可以被展平。这行吗

任何帮助都将不胜感激

---

谢谢，

您可以尝试重新构建此功能，以仅使用SVG 1.1功能-混合模式是新的，我猜Adobe工具尚未正确呈现此功能

比如：

您好，谢谢您的关注。使用您的svg代码，我可以成功地显示和下载该文件。但是当我在浏览器中打开它时，我得到了这个。。。。此页面包含以下错误：第562列第1行的错误：未定义feImage上href的命名空间前缀xlink。下面是第一个错误之前的页面呈现。这有什么办法吗？ThanksAh忘记您使用的是独立的SVG-您需要声明xlink名称空间-将其添加到示例Michael thanks-使用此功能，下载的SVG可以在Photoshop（rastor）中成功打开，其中倍增效果可以正确显示，但在Illustrator（vector）中则不能。接下来，我将在客户端将svg转换为pdf，并查看该pdf是否保留乘法模式。谢谢