ctx.save();
ctx.beginPath();
ctx.moveTo(112,60);//はじまり
ctx.bezierCurveTo( 65,0 , 2,100, 112,150 );
ctx.bezierCurveTo( 215,110 , 185,0, 112,60 );
//ctx.lineTo(107, 191);
ctx.lineWidth = 4;
ctx.fillStyle = "#cf2380";
ctx.fill();
ctx.restore();//おわり
ctx.beginPath();
ctx.translate(4, 4);//横に4、縦に4移動させて描く
ctx.moveTo(112,60);//はじまり
ctx.bezierCurveTo( 65,0 , 2,100, 112,150 );
ctx.bezierCurveTo( 215,110 , 185,0, 112,60 );
ctx.strokeStyle = '#747171';
ctx.stroke();
|