How to draw Bezier Curve with canvas canvas of html5

This article "how to use html5 canvas to draw Bezier curve" article knowledge point most people do not understand, so Xiaobian to summarize the following content, detailed content, clear steps, with a certain reference value, I hope you can read this article to gain, let's take a look at this article "how to use html5 canvas to draw Bezier curve" article bar.

The code is as follows:

Drawing bezier curves with html5 canvas

original text

function draw(id)

{

var canvas=document.getElementById(id);

if(canvas==null)

return false;

var context=canvas.getContext('2d');

context.fillStyle="#eeeeff";

context.fillRect(0,0,400,300);

var n=0;

var dx=150;

var dy=150;

var s=100;

context.beginPath();

context.globalCompositeOperation='and';

context.fillStyle='rgb(100,255,100)';

context.strokeStyle='rgb(0,0,100)';

var x=Math.sin(0);

var y=Math.cos(0);

var dig=Math.PI/15*11;

for(var i=0;i