Comentário: A tela HTML5 é muito poderosa para usar sua tela para desenhar facilmente curvas Bezier, o que é conveniente para que todos usem no futuro. Isso é especialmente compartilhado com o código de implementação. Amigos que têm essa necessidade podem se referir a ele.
Veja o efeito:Código completo:
<! Doctype html public "-// w3c // dtd xhtml 1.0 transitional // pt" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-bransitional.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<title> desenhe curvas Bezier usando tela de lona do HTML5 </title>
</head>
<Body>
<div>
<a href = "http://keleyi.com/a/bjac/j77m9131.htm" Target = "_ Blank"> Texto original </a> </div>
<lVAs> </canvas>
<script type = "text/javascript">
Função Draw (ID)
{
var canvas = document.getElementById (id);
if (Canvas == NULL)
retornar 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.GlobalComPoToOperation = 'e';
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 <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 ();
}
draw ("keleyi_com");
</script>
</body>
</html>