生成用于HTML文件

时间:2015-05-25 15:25:11

标签: html svg inkscape

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

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



<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;
&#13;
&#13;

问候, 蒂莫

1 个答案:

答案 0 :(得分:-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。