Draw bezier curve
Description
bezierCurveTo(cx1, cy1, cx2, cy2, x, y) draws a Bezier curve to the point (x, y) with the control points (cx1, cy1) and (cx2, cy2).
Example
<!DOCTYPE HTML>
<html>
<head>
<script>
window.onload = function(){<!-- www. jav a2s . c om-->
var canvas = document.getElementById("myCanvas");
var context = canvas.getContext("2d");
context.lineWidth = 10;
context.strokeStyle = "black"; // line color
context.moveTo(180, 130);
context.bezierCurveTo(150, 10, 420, 10, 420, 180);
context.stroke();
};
</script>
</head>
<body>
<canvas id="myCanvas" width="600" height="250" style="border:1px solid black;">
</canvas>
</body>
</html>