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视频教程部分资料截图展示:
购买过此商品的人还购买过