Comentario: El lienzo HTML5 es muy poderoso para usar su lienzo para dibujar fácilmente curvas Bezier, lo cual es conveniente para que todos los usen en el futuro. Esto se comparte especialmente con el código de implementación. Los amigos que tienen esta necesidad pueden referirse a ello.
Ver el efecto:Código completo:
<! DocType html public "-// w3c // dtd xhtml 1.0 Transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transicional.dtd ">
<html xmlns = "http://www.w3.org/1999/xhtml">
<Evista>
<title> Dibuja curvas de Bezier usando el lienzo de lienzo de HTML5 </title>
</ablo>
<Body>
<div>
<a href = "http://keleyi.com/a/bjac/j77m9131.htm" target = "_ en blanco"> texto original </a> </div>
<Canvas> </Canvas>
<script type = "text/javaScript">
Function Draw (ID)
{
var lienvas = document.getElementById (id);
if (canvas == null)
devolver falso;
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 = 'y';
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;
para (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 ();
}
dibujo ("keleyi_com");
</script>
</body>
</html>