使用fabric JS生成的SVG文件，并将不透明度应用于图像对象-在浏览器和inkscape中以不同的颜色显示
使用fabric JS生成的SVG文件，并将不透明度应用于图像对象-在浏览器和inkscape中以不同的颜色显示
提问于 2018-03-14 18:23:31
我使用fabric JS 1.6.2。对图像对象进行不透明度处理后，生成SVG文件。此svg文件在browser & 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>
Stack Overflow用户
发布于 2018-04-29 09:57:57
看起来它是一个0.91的bug (我可以重现它在那里看起来更苍白)。更新到0.92.3 (看起来与浏览器中的完全相同)。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/49275190
复制相关文章
相似问题
腾讯云开发者
