410人加入学习
(4人评价)
HTML5之JavaScript canvas精讲教程

Canvas绘图教程

价格 免费
课程介绍

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

Canvas可以用来做很多事情,制作游戏,制作图表,banner广告等等,具体可以看:我们能用HTML5 Canvas做什么?

如果你感受不到Canvas的强大,那么让我们来看一下几个Canvas的例子:

  1. Canvas跟随鼠标效果
  2. HTML5 Canvas三维立体的旋转物体动画特效

是不是很酷也很炫,这就是Canvas所能够做的事情,本课程内容为基础的Canvas教程,内容涉及Canvas标签、方块、边界、路径的绘制,Canvas圆形及曲线的绘制,渐变效果,图像画布的覆盖合成等。

学习引导:本课程是建立在JavaScript基础之上的,如果你学习起来有困难,那么建议按照以下引导顺序来学习先学习JavaScript课程

  1. 入门:新人必看的JavaScript基础知识视频教程
  2. 进阶:JavaScript知识进阶视频教程
  3. 实战:JavaScript项目实战之博客网站开发
  4. jQuery:是轻量级的JavaScript库,兼容各种浏览器,更方便地处理HTML、events、实现动画效果为网站提供AJAX交互。
    1. 入门:新人必看的jQuery基础知识视频教程
    2. 实战:jQuery项目实战之知乎网站前端视频教程
  5. 增强:HTML5之JavaScript canvas精讲教程

我学院微信公众号

 

授课教师

互联网技能分享者

课程特色

视频(10)

学员动态

Miiracle 加入学习
想疯一样 加入学习
ivy2018 加入学习