Heart Project

HTML 5 HEART

var controlx1 = 100;

var controly1 = 10;

var controlx2 = 400;

var controly2 = 10;

var endx2 = 388;

var endy2 = 170;

var x2 = 375;

var y2 =375;

var controlx3 = 400;

var controly3 = 10;

var controlx4 = 680;

var controly4 = 10;

var endx3 = 375;

var endy3 = 375;

context.beginPath();

context.moveTo(x2,y2);

context.bezierCurveTo(controlx1,controly1,controlx2,controly2, endx2, endy2);

context.bezierCurveTo(controlx3,controly3,controlx4,controly4, endx3, endy3);

context.lineWidth = 25;

context.fillStyle = 'rgb(230,0,0)';

context.fill();

context.closePath();

context.stroke();