SVG & Sprite & symbol & use
2024-10-20 17:20:08
SVG & Sprite & symbol & use
https://www.zhangxinxu.com/sp/svgo/
https://www.zhangxinxu.com/study/201407/svg-sprite.php
https://www.zhangxinxu.com/wordpress/2019/08/css-no-external-link/
https://css-tricks.com/svg-symbol-good-choice-icons/
<svg>
<defs>
<g id="shape-icon-1">
<!-- all the paths and shapes and whatnot for this icon -->
<g>
<g id="shape-icon-2">
<!-- all the paths and shapes and whatnot for this icon -->
<g>
</defs>
</svg>
<svg class="icon" viewBox="214.7 0 182.6 792">
<use xlink:href="#shape-icon-1" />
</svg>
<svg class="icon" viewBox="0 26 100 48">
<use xlink:href="#shape-icon-2" />
</svg>
https://css-tricks.com/svg-sprites-use-better-icon-fonts/
https://www.npmjs.com/package/svg-sprite
svg & use
https://codepen.io/webgeeker/pen/KKwKwOG?editors=1010
refs
xgqfrms 2012-2020
www.cnblogs.com 发布文章使用：只允许注册用户才可以访问！
最新文章
- Phantomjs+Nodejs+Mysql数据抓取（2.抓取图片）
- PHP文件相关的操作函数——目录操作
- 创建版本库-GIT
- Office 365 – SharePoint 2013 Online 中添加域和域名
- 大众点评试题分析（C/C++）
- （Python） 函数、匿名函数
- jquery判断是否出现滚动条
- iOS 学习笔记 二 （2015.02.26）
- 凯撒加密解密（java字母移位）
- BZOJ 1001: [BeiJing2006]狼抓兔子 最小割
- ilasm.exe与ildasm.exe的使用（编译与反编译）
- hdoj 2502 月之数
- 【CSS3】块级元素与行内元素的区别
- Python并发编程之IO模型
- 如何解决git====push 过程中出现的。error: failed to push some refs
- mysql alter add 使用记录
- BZOJ.4320.[ShangHai2006]Homework(根号分治 分块)
- Bootstrap日期插件在线使用，引入即可
- linux每日命令(16)：head命令
- v-text v-html等指令的使用