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红心