html笑脸图形代码,基于HTML5的绘图——绘制笑脸

function GetContext(id){

var canvas = document.getElementById(id);

if(canvas && canvas.getContext){

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

return context;

}

}

function Smail(){

var ctx = GetContext("smail");

ctx.beginPath();

ctx.arc(100,100,60,0,Math.PI*2,true);

ctx.stroke();

ctx.closePath();

ctx.beginPath();

ctx.arc(100,100,40,0,Math.PI,false);

ctx.stroke();

ctx.closePath();

ctx.beginPath();

ctx.moveTo(85,80);

ctx.arc(80,80,5,0,Math.PI*2,false);

ctx.stroke();

ctx.closePath();

ctx.beginPath();

ctx.moveTo(125,80);

ctx.arc(120,80,5,0,Math.PI*2,false);

ctx.stroke();

ctx.closePath();

}

window.addEventListener("load",Smail,true);