SVG 样式不适用于 illustrator

标签 svg styles adobe-illustrator

我正在 web app 中生成 SVG并允许用户保存它; SVG 将样式嵌入图像的标题中。

当用户在浏览器中打开它(在 Chrome 中测试)时,它的样式正确: enter image description here

但是在 Illustrator 中,样式似乎没有被应用: enter image description here

我错过了什么?下载实际的 SVG here .

最佳答案

问题确实出在 Illustrator 的 SVG 导入器上。

您可能必须在两种解决方案之间进行选择:

  1. 告诉您的用户,保存的 SVG 无法在某些程序(例如 Illustrator)中使用

  2. 修改图形生成代码,使其不依赖于 CSS 类。

    例如:更改使用的元素

    class="link"
    

    要显式设置样式属性:

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

或者您可以在网上找到一个可以为您完成此操作的脚本。

关于SVG 样式不适用于 illustrator,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38702787/

相关文章:

wpf - DataTemplate 中的 UserControl 未应用字体样式

html - 一种使用 svg 生成内部径向阴影悬停图像的方法

css - Woocommerce Checkout 文本未显示在页面中

javascript - 菜单按钮在单击 React/CSS 时更改阴影

javascript - 使用 onClick 功能通信两个 React 子组件

css - 如何制作动画、渐变填充的 SVG 圆环图

来自路径的 CSS3 动画。如何实现?

javascript - Illustrator ExtendScript 隐藏路径

svg - 剪掉SVG中的透明径向渐变

javascript - 如果事先调用了 'alert',则只能在事件中读取动态添加的 SVG 对象的更改 ID