当前第2页 返回上一页
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 | <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
.icon{
width:32px;
height:32px;
fill:red;
}
</style>
</head>
<body>
<svg class="icon">
<use xlink:href="/assets/svg-symbols.svg#boat"></use>
</svg>
</body>
</html>
|
相关文章推荐：
SVG画图功能：svg实现画出一朵花（附代码）
元素的使用及marker属性的介绍">svg中<marker>元素的使用及marker属性的介绍
以上就是svg中的symbol如何制作icon的详细内容，更多文章请关注木庄网络博客！
返回前面的内容
相关阅读 >>
css怎么显示SVG图片
htnl5利用SVG页面高斯模糊的方法
SVG path路径的作用：SVG path在网页开发中的使用方法
SVG是什么
浅谈网页中提升SVG文件可访问性的几种方法
SVG中的symbol如何制作icon
jpg图片转换成SVG文字路径动画的实例（附代码）
SVG中<marker>元素的使用及marker属性的介绍
html5中canvas与SVG有什么区别
html5内联SVG教程以及与canvas的区别
更多相关阅读请进入《SVG》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
转载请注明出处：木庄网络博客 » svg中的symbol如何制作icon
