（一）获取上下文绘图环境

getContext("2d")   获得上下文绘图环境API接口

 

//获得页面 canvas 元素
var cvs = document.getElementById("canvas");

        //确定浏览器支持此对象
        if(cvs.getContext){

            var ctx = cvs.getContext("2d");

        }

 

接下来就可以绘制图形了。