HTML5 内联SVG
来源:互联网 发布:数据分析报告怎么做 编辑:程序博客网 时间:2024/05/18 03:44
什么是SVG
- SVG指可伸缩矢量图形(Scalable Vector Graphics)
- SVG用于定义网络的基础矢量的图形
- SVG使用XML格式定义图形
- SVG图像在放大或缩小的情况下其图片质量不会有损失
- SVG是万维网的标准
SVG优势
- SVG图像可通过文本编辑器来创建和修改
- SVG图像可被搜索 索引 脚本化或压缩
- SVG是可伸缩的
- SVG图像可在任何分辨率下被高质量的打印
浏览器的支持
Internet Explorer 9+, Firefox, Opera, Chrome, 和 Safari 支持内联SVG。
把SVG直接嵌入HTML页面
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>我的博客</title> </head><body><svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="190"> <polygon points="100,10 40,180 190,60 10,60 160,180" style="fill:lime;stroke:purple;stroke-width:5;fill-rule:evenodd;"/></svg></body></html>
SVG与Canvas的比较
0 0
- HTML5 内联 SVG
- Lesson07:HTML5 内联 SVG
- HTML5 内联 SVG
- HTML5 内联 SVG
- HTML5 内联 SVG
- HTML5内联SVG
- HTML5 内联SVG
- HTML5 内联SVG
- HTML5--内联SVG
- HTML5 内联 SVG
- HTML5-内联 SVG
- HTML5 内联 SVG
- Html5 内联SVG
- Html5 内联SVG
- HTML 5 Canvas 和 HTML5 内联 SVG
- html5内联SVG——<path>标签
- 第七节 html5学习——内联SVG
- 小强的HTML5移动开发之路(17)——HTML5内联SVG
- oracle锁表问题和用plsql 去update数据问题
- 1050. String Subtraction (20)
- mcq 轻量级的消息队列
- 带环单链表的环入口点
- 数字在排序数组中出现的次数
- HTML5 内联SVG
- AndroidStudio插件:布局文件转化Databinding
- 构建高可用ZK集群
- JS弹出窗口代码大全(详细整理)
- fragment中获取控件的宽和高的方法
- 欢迎使用CSDN-markdown编辑器
- 翻转数组
- SEOer未来之路到底在哪里?
- JavaScript学习笔记之通过DOM操作html