Drawing a Quadratic Curve
HTML5 canvas demo
HTML
<canvas id="myCanvas" width="400" height="600" />JavaScript
var canvas = document.getElementById('myCanvas');
var ctx = canvas.getContext('2d');
ctx.strokeStyle = 'red';
ctx.lineWidth = 2;
ctx.beginPath();
//ctx.moveTo(50,50);
ctx.quadraticCurveTo(50,500, 500, 50);
ctx.stroke();