canvas画布

一、介绍

canvas元素可以在网页中创建一块矩形区域，这块矩形区域被称为画布，可在其中绘制各种图形
默认情况下canvas元素创建的画布区域大小为宽300px，高150px

二、操作步骤

①. 在HTML5页面中添加canvas元素，必须定义canvas元素的id属性值

<canvas id="myCanvas"></canvas>

②. js脚本中使用document.getElementById()方法，根据canvas的id值来获取canvas
③. 通过canvas元素的getContext()方法获取画布上下文（context）,及创建context对象，以获取允许进行绘制的2d环境或3d
④. 使用js进行绘制

  <script type="text/javas