HTML5 知识库

html5 canvas

   阅读:427次   评论:0条   更新时间:2011-02-17    

 

//<canvas id="canvas" width='1000' height='1000'></canvas>

 

var dd = document.getElementById("canvas").getContext("2d");

dd.fillStyle='#ff3300'

dd.translate(300,100);

function draw(){

var r=0 , a=20 , start = 0 , end= 0;

dd.rotate(Math.PI);

for(var q=0; q<1000; q++){

start +=  Math.PI * 2 /1000;

end = start + Math.PI * 2 /1000;

r=a*Math.sqrt(225/(17-16*Math.sin(start)*Math.sqrt(Math.cos(start)*Math.cos(start))))

dd.arc(0,0,r,start,end,false);

}

dd.fill();

}

draw();

 

canvas红心

 

评论 共 0 条 请登录后发表评论

发表评论

您还没有登录,请您登录后再发表评论

Global site tag (gtag.js) - Google Analytics