美文网首页网页前端后台技巧(CSS+HTML)HTML5 Canvas我爱编程
扣丁学堂简述什么是HTML5内联SVG及SVG的优势

扣丁学堂简述什么是HTML5内联SVG及SVG的优势

作者: 994d14631d16 | 来源:发表于2018-04-17 13:40 被阅读22次

    HTML5内联SVG不知道有多少对HTML5感兴趣的小伙伴知道,SVG的优势又有多少小伙伴了解呢?本篇文章跟扣丁学堂HTML5培训小编一起来了解一下什么是HTML5内联SVG及SVG的优势吧。

    什么是SVG:

    1、SVG 指可伸缩矢量图形 (Scalable Vector Graphics)

    2、SVG 用于定义用于网络的基于矢量的图形

    3、SVG 使用XML 格式定义图形

    4、SVG 图像在放大或改变尺寸的情况下其图形质量不会有损失

    5、SVG 是万维网联盟的标准,这是很霸气的哈

    html5是支持内链SVG的,那么浏览器支持情况怎么样呢?

    Internet Explorer 9、Firefox、Opera、Chrome 以及Safari 支持内联 SVG。

    SVG的优势:

    与其他图像格式相比(比如 JPEG 和 GIF),使用SVG 的优势在于:

    1、SVG 图像可通过文本编辑器来创建和修改

    2、SVG 图像可被搜索、索引、脚本化或压缩

    3、SVG 是可伸缩的

    4、SVG 图像可在任何的分辨率下被高质量地打印

    5、SVG 可在图像质量不下降的情况下被放大

    SVG有这么多优点可以在HTML5页面里直接使用吗,当然可以,不然HTML5怎么会那么强大呢?

      好了,关于什么是HTML5内联SVG及SVG的优势就为大家简单介绍这些,想要了解更多HTML5内容的小伙伴可以登录扣丁学堂官网查询,扣丁学堂是专业的HTML5培训机构,不仅有专业的老师和与时俱进的课程体系,还有大量的HTML5视频教程供学员观看学习哦。

    相关文章

      网友评论

        本文标题:扣丁学堂简述什么是HTML5内联SVG及SVG的优势

        本文链接:https://www.haomeiwen.com/subject/nbwukftx.html