如何将图标(例如 font-awesome)导出到 SVG 元素中?
我希望它位于圆的中心。
<svg class="svg" width=100 height=100>
<circle cx=50 cy=50 r=25>
</circle>
<i class="icon-check"></i>
</svg>
这是一个测试:http://jsfiddle.net/L2Lm3fgm/
只需找出 font-awesome 在其类中使用的字符代码,然后将该字符用作text
节点。记得要分组circle
和text
节点在一起。
Example:
svg {
margin: 24px auto;
display: block;
}
circle {
fill: transparent;
stroke: #f00;
stroke-width: 2;
}
svg text#chk {
font-family: sans-serif;
font-size: 24px;
fill: #00f;
}
<svg class="svg" width=100 height=100>
<g>
<circle cx=50 cy=50 r=25></circle>
<text id="chk" x=42 y=58>✓</text>
</g>
</svg>
小提琴示例:http://jsfiddle.net/abhitalks/L2Lm3fgm/2/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)