var controlx1 = 120;
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 = 700;
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 = 12;
context.fillStyle = 'rgb(255, 0, 255)';
context.fill();
context.closePath();
context.stroke();
No comments:
Post a Comment