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

Question

我正在使用fabric JS 1.6.2。并且在对图像对象应用不透明度后，生成SVG文件。这个svg文件在浏览器中打开＆amp; Inkscape中。两者的颜色都有很大不同。

实际上，使用InkScape的SVG生成不同颜色的画布。应用不透明度时会发生此问题。

使用浏览器的SVG：

与InkScape相同的Svg

在设计中添加的原始图像：

以下是SVG文件的内容：

＆＃13;

＆＃13;

<?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>

＆＃13;

＆＃13;

＆＃13;

Answer 1

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