课程/HTML
在web开发中经常要绘制一些页面图形效果,当然这可以直接作图然后嵌入页面,当然也可以采用Canvas来绘制,Canvas是HTML5新增的组件,它就像一块幕布,比如绘制路径、盒、圆、字符以及添加图像等。没有Canvas的年代,绘图只能借助Flash插件实现,页面不得不用JavaScript和Flash进行交互。有了Canvas,我们就再也不需要Flash了,直接使用JavaScript完成绘制。本课程通过一个个小案例,带领大家学习Canvas。
1-1 什么是canvas
1-2 浏览器支持
2-1 创建一个画布
2-2 绘制矩形方式一
2-3 绘制矩形方式二
2-4 绘制矩形综合案例
2-5 绘制圆形
2-6 绘制圆形综合案例
2-7 贝塞尔曲线
2-8 绘制文字
2-9 实现渐变
2-10 清除画布
2-11 运动反弹
2-12 画板中的绘画效果
2-13 画板中的清除效果
2-14 画板中的重绘效果
2-15 图形组合
2-16 阴影属性
2-17 绘制图像
2-18 图像平铺与图像剪切
获取步骤
{{item.content}}
{{item.zan}}