使用D3绘制螺旋效果

544 阅读1分钟

一直都对螺旋线很感兴趣,毕竟我们的宇宙就是螺旋形的。最近发现使用阿基米德螺线方程来绘制,关键是方程非常简单。

阿基米德螺线方程

绘制螺旋线时,只需要确定起始半径和角度的步长,就可以得到实时绘制点的坐标,从而绘制出图形。

// 获取坐标的方法
function getCoord (r, t) {
  return {
    x : r * Math.cos(t * 360),
    y : r * Math.sin(t * 360)
  };
}
const coord = getCoord(10, 1)

并且还可以设置参数绘制出多旋臂的螺线。

image.png

在线Demo