使用织物 JS 生成的 SVG 文件，对图像对象应用不透明度 - 在浏览器和 inkscape 中比较颜色时显示不同答案

【问题标题】：Generated SVG file using fabric JS with applied opacity to image object - show differently as compareing color in browser and inkscape使用织物 JS 生成的 SVG 文件，对图像对象应用不透明度 - 在浏览器和 inkscape 中比较颜色时显示不同
【发布时间】：2018-08-22 19:57:57
【问题描述】：

我正在使用织物 JS 1.6.2。在对图像对象应用不透明度后，生成 SVG 文件。此 svg 文件在浏览器和 InkScape 中打开。两者的颜色都大不相同。

实际上画布的证明是用 InkScape 的 SVG 生成不同颜色的。应用不透明度时会出现此问题。

带有浏览器的 SVG：

与 InkScape 相同的 Svg

设计中添加的原图：

这是 SVG 文件的内容：

<?xml version="1.0" encoding="UTF-8" standalone="no" ?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="380" height="380" viewBox="0 0 380 380" xml:space="preserve">
<desc>Created with Fabric.js 1.7.13</desc>
<defs>
</defs>
<g transform="translate(190 174) scale(0.543338 0.543338)">
<image xlink:href="1-original.jpg" x="-386.5" y="-500" style="stroke: none; stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(0,0,0); fill-rule: nonzero; opacity: 0.5;" width="773" height="1000" preserveAspectRatio="none"></image>
</g>
</svg>

【问题讨论】：

标签： fabricjs inkscape

【解决方案1】：

看起来这是 0.91 的错误（我可以重现它在那里看起来更苍白）。更新到 0.92.3（看起来与那里的浏览器完全相同）。

【讨论】：