Html 在画布上画螺旋圆
我想在Html 在画布上画螺旋圆,html,html5-canvas,Html,Html5 Canvas,我想在canvas中绘制这个模式螺旋,我正在使用下面的代码 需要你的帮助来进一步画圆圈 // get the canvas element using the DOM var canvas = document.getElementById('circlecanvas'); // Make sure we don't execute when canvas isn't supported if (canvas.getContext){ // use getContext to u
canvas
中绘制这个模式螺旋,我正在使用下面的代码
需要你的帮助来进一步画圆圈
// get the canvas element using the DOM
var canvas = document.getElementById('circlecanvas');
// Make sure we don't execute when canvas isn't supported
if (canvas.getContext){
// use getContext to use the canvas for drawing
var ctx = canvas.getContext('2d');
// Draw shapes
ctx.beginPath();
//context.arc(x, y, radius, startAngle, endAngle, counterClockwise);
for (i=0;i<9;i++){
ctx.arc(50, 50, 50, i, Math.PI * 2, false);
ctx.fill();
}
}
//使用DOM获取画布元素
var canvas=document.getElementById('circlecanvas');
//确保在画布不受支持时不执行
if(canvas.getContext){
//使用getContext使用画布进行绘图
var ctx=canvas.getContext('2d');
//画形状
ctx.beginPath();
//弧(x,y,半径,星形,端角,逆时针);
对于(i=0;i我想你需要的是一个螺旋。。。
我正在发布伪代码,以便在下面绘制一个阿奇米德螺旋线:-
NB-角度是一个变量..您可以相应地进行调整
for (i=0; i< 720; i++) {
angle = 0.1 * i;
x=(1+angle)*Math.cos(angle);
y=(1+angle)*Math.sin(angle);
drawlineTo(x, y);
}
(i=0;i<720;i++)的{
角度=0.1*i;
x=(1+角度)*数学cos(角度);
y=(1+角度)*数学sin(角度);
抽绳至(x,y);
}
您遇到的问题是什么?什么也没发生?出错?等等?只有一个圆在画..但想要看起来像图案一样的东西我能找到的就是这个..@puzzdboy..让我知道它是否有用..)