网页开发设计

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>

(0)
【友情提示:】
1、[焦点热议]及其子栏目内容为网络转载,其它栏目内容系作者个人原创文章观点,不代表除作者外的任何第三方观点赞同或支持;
2、「♚付涛纪实阁♚」原创文章均为本人工作、学习过程中重点事项点的记录,便于日后面对相同问题时候的复盘总结,同时原创内容遵循创作共用版权 CC 4.0 BY-SA 协议,转载请附上原文出处链接及声明,否则默认视为侵权。
3、如本站个人观点有涉及不妥的地方,可联系【QQ:860227477】,提供合理合法依据,可无偿给予修改或删除。
4、同时针对站内所有来自于【精品软件共享】及其子栏目所分享的软件均为网络收集,请用户下载后24小时内删除,否则引起的争议由使用者承担,与本站无关;
5、针对本站内容若有异义,亦可直接与【法律顾问:易兴俊,律师联系电话:13825799821】直接联系沟通;
LensNews

发表评论