【发布时间】:2016-08-02 20:54:18
【问题描述】:
我在 web app 中生成一个 SVG 并允许用户保存它; SVG 将样式嵌入图像的标题中。
当用户在浏览器中打开它(在 Chrome 中测试)时,它的样式正确:
我错过了什么?下载实际的 SVG here。
【问题讨论】:
-
请在这里创建一个minimal reproducible example,重点是最小化。
标签: svg styles adobe-illustrator
我在 web app 中生成一个 SVG 并允许用户保存它; SVG 将样式嵌入图像的标题中。
当用户在浏览器中打开它(在 Chrome 中测试)时,它的样式正确:
我错过了什么?下载实际的 SVG here。
【问题讨论】:
标签: svg styles adobe-illustrator
问题出在 Illustrator 的 SVG 导入器上。
您可能必须在两种解决方案之间进行选择:
告诉您的用户保存的 SVG 不适用于某些程序(如 Illustrator)
修改您的图形生成代码,使其不依赖 CSS 类。
例如:改变使用的元素
class="link"
改为显式设置样式属性:
fill="none" stroke="#aaa" stroke-width="2px"
或者,也许您可以在网络上的某个地方找到为您执行此操作的脚本。
【讨论】: