canvas 贝塞尔曲线

贝塞尔曲线：

<head>
<meta charset="utf-8">
<title>无标题文档</title>
<script type="text/ecmascript">
function draw(){
    
    var canvas=document.getElementById("test");
    if(canvas.getContext){
        
        var ctx=canvas.getContext("2d");
            ctx.moveTo(75,25);                                          //曲线起始位置
            ctx.quadraticCurveTo(10,30,0,150);               //曲线控制点的位置，曲线终点位置
            ctx.stroke(); 
        };
    };
    
</script>
</head>

<body onLoad="draw();">
<canvas id="test" width="150" height="150"></canvas>
</body>

posted on 2013-12-14 17:58 熏风阅读(233) 评论(0) 编辑收藏举报