-
特点
SVG的特点 免费看 07分44秒 2018-09-25
SVG的特点使用XML定义图形，基于图形元素操作，多种图形，任意拉伸不会变形
SVG XML 矢量图
-
坐标系统
SVG的坐标系统 13分17秒 2018-09-25
介绍SVG坐标系统，讲解viewBox
SVG 坐标系统 viewBox -
基本图形
SVG的基本图形 21分49秒 2018-09-28
SVG绘制基本图形有圆形、直线、折线、矩形、椭圆、多边形、文本等
SVG circle line -
渐变
SVG的渐变 19分03秒 2018-09-28
讲解SVG的渐变，线性渐变和径向渐变的使用
SVG 线性渐变 径向渐变 -
曲线
SVG的曲线 免费看 22分50秒 2018-09-30
怎么使用path绘制直线和弧线，什么是贝塞尔曲线，如何绘制贝塞尔曲线
直线 弧线 贝塞尔曲线
教程上线
2018年09月25日
已更新完毕
2018年10月02日
教程简介
SVG（Scalable Vector Graphics）是一种可缩放矢量图形，基于可扩展标记语言（XML），用于描述二维矢量图形的图形格式，和常见的JPG、GIF、PNG等图形是同一类，由W3C制定，是一个开放的标准。
SVG特点：
SVG兼容现有图片能力还支持矢量，SVG的矢量图形可以在网页中随意的改变大小都可以高清显示哦，也就是可伸缩的，可在任何的分辨率下被高质量地打印；
SVG基于XML语法，类似Html一样，可读性好，还可以独立成一个文件，利于控制和SEO，还可以通过CSS样式控制；
SVG文件小，渲染性能非常不错，而且还支持动画，支持交互；
主流的浏览器均完美支持（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坐标系统、基本图形、曲线、渐变、动画等系列知识系统学习
温馨提示
- 本教程为视频内容，共计 8 节；
- 教程的VIP会员在有效期内可以享受随时学习、沟通交流、下载素材、相关周边服务等；
- 教程已于 2018年10月02日 更新完毕，后续我们可能会根据同学们的学习反馈进行内容的调优；
- 把教程加入到学习计划，关注“侠课岛”公众号（微信号：xkdedu）就可以在手机端学习哦，并且系统将自动为你的学习提供更多的智能的学习服务哦；
标签
推荐文章
友情链接
Copyright @ 2021 数说（长沙）信息科技有限公司
客服电话：0731 - 88195182 QQ：3348725856
产品经理微信：csshangcheng
With in Changsha 湘ICP备16011539号-2
