svg base64
2016-06-14 16:31
316 查看
好多h5页面有出现data:image/png;base64,后面跟了一串类似乱码的字母
查了下原来这也是svg或者是图片
<img src=“data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAYAAABIdFAMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHhJREFUeNo8zjsOxCAMBFB/KEAUFFR0Cbng3nQPw68ArZdAlOZppPFIBhH5EAB8b+Tlt9MYQ6i1BuqFaq1CKSVcxZ2Acs6406KUgpt5/LCKuVgz5BDCSb13ZO99ZOdcZGvt4mJjzMVKqcha68iIePB86GAiOv8CDADlIUQBs7MD3wAAAABJRU5ErkJggg==”/>
这种写法是把图像文件的内容直接写在了HTML 文件中,
好处是,
节省了一个HTTP 请求。
坏处呢,
就是浏览器不会缓存这种图像。
大家可以根据实际情况进行自由取舍。
转换工具:
http://tool.oschina.net/encrypt?type=4
直接使用装换出来的img即可
<img src="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><line x1='0' y1='0' x2='200' y2='200' style='stroke:rgb(255,0,0);stroke-width:2' /> </svg>" />
这样就可以显示一个svg图片使用base64编码。
在线base64 加密 link:
http://base64encode.net/
在线base64 解密 link:
http://base64decode.net/
查了下原来这也是svg或者是图片
<img src=“data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAYAAABIdFAMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHhJREFUeNo8zjsOxCAMBFB/KEAUFFR0Cbng3nQPw68ArZdAlOZppPFIBhH5EAB8b+Tlt9MYQ6i1BuqFaq1CKSVcxZ2Acs6406KUgpt5/LCKuVgz5BDCSb13ZO99ZOdcZGvt4mJjzMVKqcha68iIePB86GAiOv8CDADlIUQBs7MD3wAAAABJRU5ErkJggg==”/>
这种写法是把图像文件的内容直接写在了HTML 文件中,
好处是,
节省了一个HTTP 请求。
坏处呢,
就是浏览器不会缓存这种图像。
大家可以根据实际情况进行自由取舍。
转换工具:
http://tool.oschina.net/encrypt?type=4
直接使用装换出来的img即可
<img src="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><line x1='0' y1='0' x2='200' y2='200' style='stroke:rgb(255,0,0);stroke-width:2' /> </svg>" />
这样就可以显示一个svg图片使用base64编码。
在线base64 加密 link:
http://base64encode.net/
在线base64 解密 link:
http://base64decode.net/
相关文章推荐
- 【转】使用Apache Kylin搭建企业级开源大数据分析平台
- eclipse快捷键以及使用技巧大全
- iOS 万能跳转界面方法 (runtime实用篇一)
- Binary Search Tree Iterator
- 拦截器和filter
- python使用
- spring(13)缓存数据
- 关于支气管炎的症状是什么?
- mp4a box 解析
- UILabel字体加粗等属性和特效
- Download Microsoft AppFabric 1.1 for Windows Server 累积更新 7 (KB3092423) from Official Microsoft Download Center
- theano中的scan用法
- android( java) 处理 null 和 预防空指针异常(NullPointerException) 的一些经验。
- Android之Fragment(二):动态加载碎片
- PAT乙级练习题1002. 写出这个数
- 浅谈js里面的InttoStr和StrtoInt
- linux内存介绍以及c/c++内存管理的相关知识
- string.Format对C#字符串格式化
- 简析短信收发,拦截问题
- 时间类