Komentar: HTML5 Canvas sangat kuat untuk menggunakan kanvasnya untuk dengan mudah menggambar kurva bezier, yang nyaman bagi semua orang untuk digunakan di masa depan. Ini terutama dibagikan dengan kode implementasi. Teman yang memiliki kebutuhan ini dapat merujuknya.
Lihat efeknya:Kode Lengkap:
<! Doctype html public "-// w3c // dtd xhtml 1.0 transisi // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<title> Gambar kurva bezier menggunakan kanvas kanvas HTML5 </iteme>
</head>
<body>
<div>
<a href = "http://keleyi.com/a/bjac/j77m9131.htm" target = "_ blank"> teks asli </a> </div>
<Canvas> </an Canvas>
<type skrip = "Teks/JavaScript">
function draw (id)
{
var canvas = document.geteLementById (id);
if (canvas == null)
mengembalikan 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 = 'dan';
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;
untuk (var i = 0; i <30; i ++)
{
var x = math.sin (i*dig);
var y = math.cos (i*dig);
context.beziercurveto (dx+x*s, dy+y*s-100, dx+x*s+100, dy+y*s, dx+x*s, dy+y*s);
}
context.closepath ();
context.fill ();
Context.stroke ();
}
gambar ("Keleyi_com");
</script>
</body>
</html>