Context2D Example▲
Sélectionnez
var canvas =
document.getElementById('tutorial');
// Make sure we don't execute when canvas isn't supported
if
(canvas.getContext){
// use getContext to use the canvas for drawing
var ctx =
canvas.getContext('2
d');
// Draw shapes
ctx.beginPath();
ctx.moveTo(75
,25
);
ctx.quadraticCurveTo(25
,25
,25
,62.5
);
ctx.quadraticCurveTo(25
,100
,50
,100
);
ctx.quadraticCurveTo(50
,120
,30
,125
);
ctx.quadraticCurveTo(60
,120
,65
,100
);
ctx.quadraticCurveTo(125
,100
,125
,62.5
);
ctx.quadraticCurveTo(125
,25
,75
,25
);
ctx.stroke();
}