Canvas粗解

Canvas参考手册

一、canvas的介绍

1.定义

<canvas>是HTML5新增的，一个可以使用脚本(通常为Javascript) 在其中绘制图像的HTML元素。

2.特点

• 不支持事件处理器
  虽然canvas是HTML元素，但是在其中绘制的图像不是HTML元素，自然也不能对画布中具体内容进行监听。
• 基于像素的即时模式图形系统，绘制完成不会得到浏览器的关注，如果内容有变化需要重新绘制。

3.与SVG的对比：

二、canvas的应用

图表

特效

图片处理、绘画

背景图、视频处理、游戏…

三、canvas的基本使用

1、基础知识

• 坐标：
  左上角为原点，横向为X轴，纵向为Y
  
• 角度：

一周即360° = 2 * Math.PI
1° =