核心提示:canvas绘制步骤:HTMLcanvas id=canvas width=1024 height=768 style=.../canvasJavaScriptvar canvas = documen...
canvas绘制步骤:
HTML
<canvas id="canvas" width="1024" height="768" style="..."></canvas>
JavaScript
var canvas = document.getElementById ('canvas');
//获取canvas绘图上下文环境
contextvar context = canvas.getContext ('2d');
判断浏览器是否支持canvas
① HTML
<canvas id="canvas" width="1024" height="768" style="...">当前浏览器不支持Canvas,请更换浏览器后再试试</canvas>
if(canvas.getContext('2d')) {
var context = canvas.getContext('2d');
} else {
alert(“当前浏览器不支持Canvas,请更换浏览器后再试试”);
}