我想使用for循环在圆圈中绘制贝塞尔曲线。
目前,我已经能够将贝塞尔曲线放置在圆形模式下,但这些曲线不是曲线,它们只是直线,因为我无法正确更改控制杆,使这些曲线成为曲线。您可以在此处查看我的代码,请让我知道我的错误。
我还尝试将颜色填充到曲线中,但这也没有发生,我不知道原因。
我还尝试将颜色填充到曲线中,但这也没有发生,我不知道原因。
<html>
<body>
<style>
*{
margin: 0px;
}
body{
background-color: aqua;
}
canvas
{
background-color: white;
}
</style>
<canvas id="mycanvas"></canvas>
<script>
var canvas = document.getElementById('mycanvas');
var ctx = canvas.getContext('2d');
canvas.width = window.innerWidth;
canvas.height = window.innerHeight;
x = window.innerWidth/2;
y = window.innerHeight/2;
r = window.innerWidth;
theta = 0.1;
for(theta=0.1; theta<12.6; theta+=0.1) {
ctx.beginPath();
ctx.moveTo(x, y);
ctx.bezierCurveTo(x,y,x,y, x+ r * Math.cos(theta),y + r * Math.sin(theta));
ctx.lineWidth = 1;
ctx.strokeStyle = "black";
ctx.stroke();
ctx.closePath();
ctx.fill();
}
for ( i=r/16; i < r; i=i+r/12 ) {
ctx.beginPath();
ctx.arc(x, y, i, 0, 2 * Math.PI, false);
ctx.stroke();
}
</script>
</body>
</html>
canvas { display: block; }
,您将不再获得那个小滚动条。 - gman