Shulou(Shulou.com)06/01 Report--

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

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.