HTML5学习教程:HTML页面直接插入SVG元素-♚纪实阁付涛♚

HTML5学习教程:HTML页面直接插入SVG元素

网页制作文章简介:SVG是Scalable Vector Graphics的缩写。

什么SVG? SVG是Scalable Vector Graphics的缩写 用来定义web中基于矢量的图形 使用XML来定义图形 SVG图形在缩放中不会损失质量 每一个元素和每一个属性都可以生成动画 SVG是一个W3C推荐标准SVG的优势

使用SVG相对于其它类型(JPEG或者GIF)的优势在于:

SVG图片可以使用编辑器来创建和编辑 SVG图片可以被搜索,索引,脚本化和压缩 SVG图片具有伸缩性 SVG图片可以在任何分辨率下进行高质量打印 SVG图片可以无损失的缩放浏览器支持
直接插入SVG到HTML页面

在HTML5中,你可以直接插入SVG元素到页面中:

<!DOCTYPE html><html><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>

本文由 ♚纪实阁付涛♚ 作者:谍豹云销 发表,其版权均为 ♚纪实阁付涛♚ 所有,文章内容系作者个人观点,不代表 ♚纪实阁付涛♚ 对观点赞同或支持。如需转载,请注明文章来源。

发表评论