Canvas视频教程下载

 

 

 

 

课程介绍：

Canvas是HTML5 提供的一个用于展示绘图效果的标签，它通过 JavaScript 来绘制 2D图形。Canvas 是逐像素进行渲染的。开发者可以通过javascript脚本实现任意绘图。在Canvas 中，一旦图形被绘制完成，它就不会继续得到浏览器的关注。如果其位置发生变化，那么整个场景也需要重新绘制，包括任何或许已被图形覆盖的对象。需要对Canvas做详细了解可以看看这套Canvas视频教程，可以分为两天来学习。

 

 

Canvas视频教程目录介绍：

 

第一天学习内容：

01-体验canvas绘图

02-解释上下文和绘制路径

03-绘制平行线&线模糊问题

04-绘制三条不同颜色和宽度的平行线

05-绘制填充的三角形

06-绘制镂空的正方形&非零环绕填充规则

07-线两端样式&拐点样式

08-绘制虚线

09-绘制渐变的矩形

10-折线图-绘制网格

11-折线图-绘制坐标系

12-折线图-绘制点

13-折线图-对象的构建

14-折线图-面向对象（网格和坐标系）

15-折线图-面向对象（点&连线）

16-绘制矩形

17-绘制渐变的矩形

 

第二天学习内容：

01-解释什么是弧度

02-体验曲线的绘制

03-使用圆弧绘制函数

04-绘制扇形

05-绘制n等分的随机颜色的圆

06-绘制根据数据的饼图

07-绘制文本带下划线的画布中心

08-绘制饼状图-需求&对象架子

09-绘制饼状图-绘制饼图

10-绘制饼状图-绘制标题

11-绘制饼状图-绘制说明

12-绘制图片-图片的加载

13-绘制图片-三种绘制方式

14-绘制图片-帧动画

15-绘制图片-行走小人-上篇

16-绘制图片-行走小人-下篇

17-绘制图片-转换

 

 

Canvas视频教程部分资料截图展示: