微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

使用 Inkscape 将外部 CSS 类样式嵌入到 SVG 元素中

如何解决使用 Inkscape 将外部 CSS 类样式嵌入到 SVG 元素中

我使用 Inkscape 来编辑现有的 SVG 文件,像这样(为了可读性而简化):

<svg>
<style type="text/css">
    .st0{fill:#AFAA96;stroke:#AFAA96;stroke-miterlimit:10;}
    .st1{fill:none;stroke:#738282;stroke-width:16;stroke-miterlimit:10;}
</style>
<rect x="0.5" y="0.5" class="st0" width="99" height="99"/>
<path class="st1" d="M10 10"/>
</svg>

如您所见,有 2 个 css 类“st0”和“st1”,分别应用于 <rect><path>

我不希望 SVG 包含 CSS 类。

我需要每个 SVG 元素都包含相关类的所有相应样式。

有没有办法使用 Inkscape 将(自动)以前的 SVG 转换成这个?

<svg>
  <rect x="0.5" y="0.5" width="99" height="99" fill="#AFAA96" stroke="#AFAA96" stroke-miterlimit="10"/>
  <path fill="none" stroke="#738282" stroke-width="16" stroke-miterlimit="10" d="M10 10"/>
</svg>

提前谢谢你:)

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。