Question

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

这种方法起初似乎工作得非常好。我设计了一个暂停按钮，并为＆＃34; d＆＃34; -attribute 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文件中的两个版本：

＆＃13;

<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>

＆＃13;

问候，蒂莫

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像素宽，40像素高。把你的图像放在页面内，你应该没有问题。

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

生成用于HTML文件

1 个答案: