一篇文章教会你使用HTML5 SVG 标签
【一、项目背景】 SVG 表示可伸缩矢量图形,这是一门用于描述 2D 图形的语言,图形应用使用 XML 编写,然后 XML 由 SVG 阅读器程序呈现。支持三种类型的图形对象:矢量图形形状(例如,由直线和曲线组成的路径),图像和文本。图形对象可以进行分组,样式设置,转换和合成。功能集包括嵌套转换,剪切路径,Alpha蒙版,滤镜效果和模板对象。。 SVG 在 2003 年 1 月 14 日成为 W3C 推荐标准,你可以在 SVG 规范 页面中查看最新版本的 SVG 规范。 【二、怎么查看 SVG 文件?】 大多数 Web 浏览器都可以显示 SVG,就像它们可以显示 PNG,GIF 以及 JPG 图形。IE 用户可能需要安装 Adobe SVG 阅读器以便能够在浏览器中查看 SVG。 【三、HTML5 中嵌入 SVG】 HTML5 允许我们直接使用 _...</svg> 标签嵌入 SVG, 简单的语法: <svg xmlns="http://www.w3.org/2000/svg"> </svg> 拓展: FireFox 3.7 还引入了一个配置选项("about:config"),可以通过下列步骤启用 HTML5: 在 FireFox 地址栏中输入 about:config。 在出现警告消息的地方点击 “I'll be careful, I promise!” 按钮(确保遵守它)。