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

Question

我使用 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”，应用于 a<rect>和 a<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>

先感谢您 ：）

标签： csssvginkscape