HTML5之JavaScript canvas精讲教程

HTML5之JavaScript canvas精讲教程_第1张图片

       Canvas元素是HTML5的一部分,允许脚本语言动态渲染位图像。Canvas由一个可绘制地区HTML代码中的属性定义决定高度和宽度。JavaScript代码可以访问该地区,通过一套完整的绘图功能类似于其他通用二维的API,从而生成动态的图形。


HTML5之JavaScript canvas精讲教程_第2张图片

        Canvas可以用来做很多事情,制作游戏,制作图表,banner广告等等,具体可以看:我们能用HTML5 Canvas做什么?本课程内容为基础的Canvas教程,内容涉及Canvas标签、方块、边界、路径的绘制,Canvas圆形及曲线的绘制,渐变效果,图像画布的覆盖合成等。


HTML5之JavaScript canvas精讲教程_第3张图片

课程目录:

课时1:Canvas标签及方块、边界、路径的绘制

课时2:Canvas边界及路径的绘制

课时3:绘制圆形及钟表

课时4:曲线的绘制及变换

课时5:Canvas插入图片及设置背景

课时6:渐变及文本控制

课时7:Canvas像素及其属性

课时8:图片的像素操作及坐标获取

课时9:图像及画布的覆盖合成(1)

课时10:图像及画布的覆盖合成(2)

课程学习地址:http://www.woxueyuan.com/course/137

本课程目标主要是让大家了解C++基础知识,掌握数据类型及函数以及掌握循环语句及逻辑运算符。更多教程就来我学院woxueyuan。com,我们会定期上传新的课程。

联系方式:0755-81699111

课程网址:http://www.vrkuo.com/course/vr.html

你可能感兴趣的:(HTML5之JavaScript canvas精讲教程)