Canvas核心技术/JS游戏开发—129人已学习
课程介绍
Canvas是Flash的代替者,是HTML5新增的组件,它就像一块幕布,可以用JavaScript在上面绘制各种图表、动画等,没有Canvas的年代,绘图只能借助Flash插件实现,页面不得不用JavaScript和Flash进行交互。有了Canvas,我们就再也不需要Flash了,直接使用JavaScript完成绘制。
课程收益
掌握Canvas核心技术
讲师介绍
李强强 更多讲师课程
云知梦创始人,国际架构师,11年互联网培训和开发经验,曾在港电讯盈科、北大青鸟集团、远大教育、北京易第优教育等公司任职曾获得美国红帽RHCA构架师和RHCDS数据中心讲师,在国内排名第40名,在全球排名第300名。
课程大纲
第1章:Canvas核心技术
1. 认识Canvas 17:35
2. Canvas和SVG的区别 10:21
3. 初识Canvas标签和Canvas对象 14:41
4. 坐标系统、描边与填充 31:51
5. 绘制相关的直线图形 35:38
6. 绘制圆和圆弧 32:58
7. 贝塞尔曲线 24:31
8. 认识线条 20:37
9. 线条的相关属性 37:12
10. 显示基本文本 26:38
11. 设置文本字型相关属性 41:00
12. 文本和Canvas上下文 32:52
13. 文本的渐变和图案 22:33
14. 图片操作 22:48
15. 绘制图片 30:13
16. 平铺图片和切割图片 28:32
17. 变形操作 29:54
18. 图形平移和缩放 27:22
19. 图形旋转和变换矩阵 27:23
20. 像素操作 22:11
21. 像素操作相关方法 27:05
22. 相关的效果 29:33
23. 线性渐变和径向渐变 23:38
24. 使用图片、画布或video 20:33
25. 阴影、渐变色和纹理 23:20
26. Canvas状态 18:08
27. 路径 21:40
28. globalAlpha和globalCompositeOperation 18:21
大家可以点击【 查看详情】查看我的课程
课程介绍

Canvas是Flash的代替者,是HTML5新增的组件,它就像一块幕布,可以用JavaScript在上面绘制各种图表、动画等,没有Canvas的年代,绘图只能借助Flash插件实现,页面不得不用JavaScript和Flash进行交互。有了Canvas,我们就再也不需要Flash了,直接使用JavaScript完成绘制。
课程收益
掌握Canvas核心技术
讲师介绍
李强强 更多讲师课程
云知梦创始人,国际架构师,11年互联网培训和开发经验,曾在港电讯盈科、北大青鸟集团、远大教育、北京易第优教育等公司任职曾获得美国红帽RHCA构架师和RHCDS数据中心讲师,在国内排名第40名,在全球排名第300名。
课程大纲
第1章:Canvas核心技术
1. 认识Canvas 17:35
2. Canvas和SVG的区别 10:21
3. 初识Canvas标签和Canvas对象 14:41
4. 坐标系统、描边与填充 31:51
5. 绘制相关的直线图形 35:38
6. 绘制圆和圆弧 32:58
7. 贝塞尔曲线 24:31
8. 认识线条 20:37
9. 线条的相关属性 37:12
10. 显示基本文本 26:38
11. 设置文本字型相关属性 41:00
12. 文本和Canvas上下文 32:52
13. 文本的渐变和图案 22:33
14. 图片操作 22:48
15. 绘制图片 30:13
16. 平铺图片和切割图片 28:32
17. 变形操作 29:54
18. 图形平移和缩放 27:22
19. 图形旋转和变换矩阵 27:23
20. 像素操作 22:11
21. 像素操作相关方法 27:05
22. 相关的效果 29:33
23. 线性渐变和径向渐变 23:38
24. 使用图片、画布或video 20:33
25. 阴影、渐变色和纹理 23:20
26. Canvas状态 18:08
27. 路径 21:40
28. globalAlpha和globalCompositeOperation 18:21
大家可以点击【 查看详情】查看我的课程