初识canvas

趁着今天有空，就把canvas学了一下。
提供一下学习地址：https://developer.mozilla.org/zh-CN/docs/Web/API/Canvas_API/Tutorial/Basic_usage

html

  // canvas是必须的，width和height非必需可以在style中设置 
  <canvas id="canvas" width="500" height="200"></canvas>

js

function drow(){
//  获取canvas节点
var canvas = document.getElementById('canvas');
//  判断是否是canvas
if(canvas.getContext){
    //  设置图像格式，这里是2D
    var ctx = canvas.getContext('2d');

    //  设置图形的填充颜色
    ctx.fillStyle = 'rgb(200,0,0)';
    //  绘制一个填充图形
    ctx.fillRect(10,10,55,50);
 }
}