HTML笔记18:HTML5 SVG&地理位置

一、SVG

SVG是什么

• 可伸缩矢量图形
• 定义网络的基于矢量的图形
• 使用XML格式定义图形
• 在放大或改变尺寸的情况下其图形质量不会有损失
• 万维网联盟的标准

SVG优势

与其他图像格式相比（比如JPEG和GIF）,使用SVG的优势在于：

• 可通过文本编辑器来创建和修改
• 可被搜索、索引、脚本化或压缩
• 可伸缩
• 可在任何的分辨率下被高质量的打印
• 可在图像质量不下降的情况下被放大

浏览器支持

• IE 9
• Firefox
• Opera
• chrome
• safari

代码

<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
   <circle cx="100" cy="50" r="40" stroke="black" stroke-width="2" fill="red" />
</svg> 

参考

SVG教程

二、地理位置