2016-08-01 61 views
2

我在web app中生成SVG并允许用户保存它; SVG将样式嵌入图像的标题中。SVG造型不适用于插画家

当用户打开它在浏览器(Chrome浏览器测试)得当风格: enter image description here

然而,在Illustrator中似乎没有被应用的样式: enter image description here

我在想什么?下载实际的SVG here

+0

请在此创建一个[mcve],重点在于最小化。 –

回答

2

问题在于Illustrator的SVG导入程序。

你可能有两种解决方案之间进行选择:

  1. 告诉您的用户保存SVGs不会与某些程序(如插图)

  2. 工作,修改你的图形生成代码,以便它不依赖于CSS类。

    例如:更改使用

    class="link" 
    

    若要改为设置样式属性明确的元素:

    fill="none" stroke="#aaa" stroke-width="2px" 
    

或者,也许你可以在网络上找到的地方,做一个脚本那对你。

+0

正如你所建议的那样,我最终设置了内嵌的.link样式 - 这让我在Illustrator一侧“足够接近”。另外,对于那些看起来,[下面](https://github.com/lukehorvat/computed-style-to-inline-style/blob/master/test.js)脚本将内联你所有的CSS样式。 – Constantino