helenNote
Konck! Knock!
OK
helenNote
Choose mode
dark
auto
light
主页
分类
前端
Engineering
leetCode
SEO优化
axios
后端
浏览器
ajax
浏览器个方面的问题
css
css module
css面试
编辑器
随笔
开发经验
flutter
单元测试
h5
git
github
大文件上传下载
http
学习husky
免费试用的接口
零碎面试题
react500问
canvas
学习es5
serviceworker
worker
学习es6
各个观察api
es5知识点
js技巧
生活书籍
媒体处理
学习方法
micro—front—end
小程序
miniProgram
tcp
node
es6
jsp
npm调试
前端资源
谷歌performance
页面性能
css性能
js性能
性能优化
js插件
总结
react
react面试
reac18新特性
styled-components
svg
图床
react源码
云盘
typescript
vite
vue2
vue2学习
vue2源码
vue3
vue3源码
webpack面试
webpack
websocket
EfficientPerformance
算法
标签
其它
怎么使用vuepress
使用vuepress写页面
怎么写vuepress插件
怎么使用git
目前使用小乌龟git的经验
自动化部署
利用github完成自动化部署
Projects🎈
My Project
Common sites🎈
友 链
Java SE API Documentation
(opens new window)
Program Creek
(opens new window)
Spring
(opens new window)
Stackoverflow
(opens new window)
LeetCode
(opens new window)
Vue.js
(opens new window)
BootCDN
(opens new window)
Linux命令大全
(opens new window)
编程语言排行榜
(opens new window)
时间线
关于我
GitHub
(opens new window)
svg
Konck! Knock!
OK
svg
wǎng luò shí huāng
2021-12-16
svg
对于svg的认知
#
svg:
参考阮一峰的笔记
(opens new window)
svg可以直接写在页面里;
SVG 代码也可以写在一个独立文件中,然后用
、
、
、
等标签插入网页。
问题:img使用动态的svg图片时,svg是不会动的。
此时我们就可以使用 object、embed、ifname标签引入这个svg,此时图片就可以动了。推荐使用object元素。
我们可以把动态的
svg通过在线转为base64的格式
(opens new window)
,放在object、embed、ifname标签属性里面也是可以的。
CSS 也可以使用 SVG 文件。
SVG 文件还可以转为 BASE64 编码,然后作为 Data URI 写入网页.
最近更新
01
其他工程化杂项
08-29
02
其他工程化杂项
04-10
03
css中的1px以及图片模糊
11-11
更多文章 >
展开
···
歌手: