html5前端画图页面,前端HTLM的canvas描述作图

HTML5 标签用于绘制图像(通过脚本，通常是JavaScript)。

不过，元素本身并没有绘制能力(它仅仅是图形的容器)-您必须使用脚本来完成实际的绘图任务。

getContext()方法可返回一个对象，该对象提供了用于在画布上绘图的方法和属性。

一般写法：

(1)getContext()

getContext()用来获得渲染上下文和它的绘画功能,只有一个参数，目前只支持2d，即：

var canvas = document.getElementById('tutorial');

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

getContext()可以用来检测当前浏览器是不是支持canvas，如果不支持可以用指定文本替代：

var canvas = document.getElementById('tutorial');

if (canvas.getContext){

var ctx = canvas.getContext('2d');//支持

}else {

//不支持，可以写相关提示文字

}

案例：

function draw(){

var canvas = document.getElementById('tutorial');

if (canvas.getContext){

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

}