html5 canvas
//<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红心
页:
[1]