canvas基础

一 .canvas

1.canvas 基本用法 :

canvas 是 h5 的一个新标签，画布标签

语法 :

<canvas width='200' height='200'>

您的浏览器不支持 canvas ，请升级

</canvas>

canvas 元素创建一个固定大小的画布，公开了一个或多个图形上下文 ( 渲染图像的一个对象 ) ，图形上下文，可以绘制和处理要展示的内容，图形上下文有两分钟， 2D 和 3D ，主要学习 2D ， 3D 上下文，兼容性太差， webGL 就是 3D 上下文

注意 :canvas 元素宽高只能在元素内部设置宽高

使用方式 :

1. 获取元素

var canvas=document.getElementById('canvas')

2. 获取上下文

var ctx=convas.getContext('2d');

使用 ctx 的各种方法进行绘制，使用的不是 canv