您现在的位置:首页 >> 前端 >> 内容

Canvas绘制入门教程(canvas绘制步骤实例)

时间:2018/1/19 15:19:34 点击:

  核心提示: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> 

javascript 

if(canvas.getContext('2d')) { 

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

} else { 

alert(“当前浏览器不支持Canvas,请更换浏览器后再试试”); 

}

Tags:CA AN NV VA 
作者:网络 来源:Ping果狸的博客