HTML DOM getContext ()方法
HTML DOM Canvas对象
定义和使用方法
getContext ()方法返回用于在画布上绘制的环境。
语法
canvas.getcontext(contextid ) )。
参数
参数contextID指定在画布上绘制的类型。 当前唯一有效值为“2d”，它指定二维绘图，该方法返回导出二维绘图API的环境对象。
提示：如果将来标记扩展为支持3D图形，则getContext ) )方法可能允许传递' 3D '字符串参数。
返回值
CanvasRenderingContext2D对象。 可以在Canvas元素上绘制。
说明
返回表示用于绘制的环境类型的环境。 其真谛是为不同的绘制类型(二维、三维)提供不同的环境。 当前只支持“2d”，它返回实现画布中使用的大多数方法的CanvasRenderingContext2D对象。
举个简单的例子，画一个五子将棋棋盘吧。
var chess=document.getelementbyid (' chess )； var context=chess.get context (' 2d )；
context.strokeStyle='#0A0A0A '； var logo=newImage (；
logo.src='image/chess.jpg '； //图像读取结束后的回调方法
logo.onload=function () () /绘制键盘
context.drawimage (徽标、0、0、450和450 )；
drawChessBorad (；
}var drawChessBorad=function () for ) varI=0； i 15； I ) {
context.move to (15i * 30，15 )；
内容. lineto (15i * 30，435 )；
context.moveto(15,15I*30 )；
context.lineto (435，15i * 30 )；
context.stroke (；
}
}