SVG的使用

SVG的特点和优势,SVG基本使用,SVG控制和动画技术

2018-09-25 韩陈昊      我在学 更新完毕 初级拔高

前端/前端 419     0     34556

教程上线

2018年09月25日

已更新完毕

2018年10月02日

教程简介

SVG(Scalable Vector Graphics)是一种可缩放矢量图形,基于可扩展标记语言(XML),用于描述二维矢量图形的图形格式,和常见的JPG、GIF、PNG等图形是同一类,由W3C制定,是一个开放的标准。

SVG特点:

  1. SVG兼容现有图片能力还支持矢量,SVG的矢量图形可以在网页中随意的改变大小都可以高清显示哦,也就是可伸缩的,可在任何的分辨率下被高质量地打印;

  2. SVG基于XML语法,类似Html一样,可读性好,还可以独立成一个文件,利于控制和SEO,还可以通过CSS样式控制;

  3. SVG文件小,渲染性能非常不错,而且还支持动画,支持交互;

  4. 主流的浏览器均完美支持(Internet Explorer 9、Firefox、Opera、Chrome 以及 Safari 支持内联 SVG。Internet Explorer 8或更早版本,可通过安装Adobe SVG Viewer以支持SVG),特别是在移动Web上面可以放心大胆的使用吧,在国内外有大量产品使用SVG,比如:百度的ECharts。

如此美好的东西,作为前端开发者不能不用起来呀,本套教程,带你进入SVG的世界,学习它、了解它、使用它,Let's Go!


作者介绍
适宜人群
  • 本教程难度级别为2级(2/4)
  • 前端开发工程师
你会学到什么?
  • 矢量图形SVG的学习使用
  • SVG坐标系统、基本图形、曲线、渐变、动画等系列知识系统学习
温馨提示
  1. 本教程为视频内容,共计 8 节;
  2. 教程的VIP会员在有效期内可以享受随时学习、沟通交流、下载素材、相关周边服务等;
  3. 教程已于 2018年10月02日 更新完毕,后续我们可能会根据同学们的学习反馈进行内容的调优;
  4. 把教程加入到学习计划,关注“侠课岛”公众号(微信号:xkdedu)就可以在手机端学习哦,并且系统将自动为你的学习提供更多的智能的学习服务哦;
|
教程
粉丝
主页

签到有礼

已签到2天,连续签到7天即可领取7天全站VIP

  • 1
    +2 金币
  • 2
    +3 金币
  • 3
    +5 金币
  • 6
    +7 金币
  • 5
    +6 金币
  • 4
    暖心福利
    自选分类VIP ×1天
  • 7
    惊喜大礼

    自选分类VIP ×3天 +20金币
  • 持续签到 +8 金币

金币可以用来做什么?