<h2>jCanvas example: Arc</h2>
<canvas id="myCanvas" width="600" height="300">
<p>This is fallback content for users of assistive technologies or of browsers that don't have full support for the Canvas API.</p>
</canvas>
body {
text-align: center;
}
canvas {
margin: auto;
display: block;
}
// Store the canvas object into a variable
var $myCanvas = $('#myCanvas');
$myCanvas.drawArc({
strokeStyle: 'steelblue',
strokeStyle: 'blue',
strokeWidth: 4,
x: 300, y: 100,
radius: 50,
// start and end angles in degrees
start: 0, end: 200
});
This Pen doesn't use any external CSS resources.