生成用于 HTML 文件的 SVG 代码

Question

我在 HTML 文件中使用 SVG 标记来为视频播放器创建一些图形。现在我想使用 Inkscape 来创建 svg 代码，然后获取生成的代码并在我的 svg 标签中使用它。

起初，这种方法似乎工作得很好。我设计了一个暂停按钮，并为“d”属性的 inkscape 生成了代码：

M 12.5 10 L 12.5 30 L 17.5 30 L 17.5 10 L 12.5 10 z M 22.5 10 L 22.5 30 L 27.5 30 L 27.5 10 L 22.5 10 z

在 HTML 中效果很好。然而，对于扬声器符号 Inkscape 生成了这个：

m8.0312,1028.4,0,8,6,0,6,6,0-20-6,6z

这是行不通的。看到需要更复杂的元素（与那些直线相比），有没有办法直接转换这两个？

这是嵌入在 HTML 文件中的两个版本：

<svg width="40px" height="40px">
  <path d="M 12.5 10 L 12.5 30 L 17.5 30 L 17.5 10 L 12.5 10 z M 22.5 10 L 22.5 30 L 27.5 30 L 27.5 10 L 22.5 10 z" fill="black" />
  
  <path d="m 8.03125,1028.3622 0,8 6,0 6,6 0,-20 -6,6 z" fill="black" />
</svg>

您好， 提莫

Answer 1

<svg width="40px" height="40px">
  <path d="m 8.03125,15 0,8 6,0 6,6 0,-20 -6,6 z" fill="black" />
</svg>

您的问题是 1028.3622。将 Inkscape (Ctrl+Shift+D) 页面的大小调整为 40 px 宽 x 40 px 高。把你的图片放在页面里，你应该没有问题。

我已经删除了你的暂停按钮并调整了播放按钮的相对 y。