1 canvas (graphics) 绘制二维矢量图的画布
2 检测浏览器是否支持 canvas
try{
document.createElement("canvas").getContext("2d");
alert("ok");
//document.getElementById("support").innerHTML = "Html5 canvas is support in your browser";
}catch(e){
document.getElementById("support").innerHTML = "Html5 canvas is not support in your browser";
alert("No");
}
3 在页面中插入canvas 元素
<canvas id="diagonal" style="border:1px solid;" width="200" height="200"></canvas> //带实心边框的canvas元素
4 绘制简对角线