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>
原文地址:https://www.cnblogs.com/smartyu/p/3474546.html