我为播放和暂停图标创建了两个简单的SVG文件:
玩:
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="5" height="5">
<polygon points="0,0 0,4 4,2" style="fill: red;" />
</svg>
暂停:
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="5" height="5">
<rect x="0" y="0" width="2" height="5" style="fill: red;" />
<rect x="3" y="0" width="2" height="5" style="fill: red;" />
</svg>
它们都是简单的5x5图标。暂停图标的生成方式与我想像的一样,但是播放图标存在问题。由于某种原因,缩放后它比暂停图标小。我以为我正确地计算了三角形的坐标,其中一点是(4,2),它位于5,5图像的右中间。但是结果看起来像这样:
我想念什么吗?
好吧,三角形的高度为4,矩形的高度为5,这就是您可以在这里看到的:)
尝试:
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="5" height="5">
<polygon points="0,0 0,5 5,2.5" style="fill: red;" />
</svg>
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句