2.10.1_二次方贝赛尔曲线

来源：互联网发布：c语言编写界面编辑：程序博客网时间：2024/05/19 23:18

2.10.1_二次方贝赛尔曲线

<!DOCTYPE html><html>    <head>        <meta charset="UTF-8">        <title>二次方贝赛尔曲线</title>    </head>    <body>        <canvas id="canvas" width="1000" height="600"></canvas>    </body>    <script>        var canvas = document.getElementById('canvas');        var context = canvas.getContext('2d');        context.fillStyle = 'cornflowerblue';        context.strokeStyle = 'yellow';        context.shadowColor = 'rgba(50,50,50,1.0)';        context.shadowOffsetX = 2;        context.shadowOffsetY = 2;        context.shadowBlur = 4;        context.lineWidth = 20;        context.lineCap = 'round';        context.beginPath();        context.moveTo(120.5,130);        context.quadraticCurveTo(150.8,130,160.6,150.5);        context.quadraticCurveTo(190,250.0,210.5,160.5);        context.quadraticCurveTo(240,100.5,290,70.5);        context.stroke();    </script></html>

1 0