斐波那契螺旋

下载代码

html

css

分享到微信朋友圈

html

css

JavaScript

Object.prototype.rad = (deg) => (Math.PI / 180) * deg;
Object.prototype.deg = (rad) => (180 / Math.PI) * rad;
Object.prototype.getAngle = (point1, point2) =>
	Math.atan2(point1.y - point2.y, point1.x - point2.x);
Object.prototype.getDistance = (point1, point2) =>
	Math.sqrt(Math.pow(point1.x - point2.x, 2) + Math.pow(point1.y - point2.y, 2));

const eleResult = document.querySelector(".result");
const elePath = document.querySelector("#fibo");
const eleSpiral = document.querySelector(".spiral");
const eleCopy = document.querySelector(".copy");
const NS = eleResult.namespaceURI;
let ROTATE = 10;
const fibo = [0, 1];
const pos = 1;
let CX, CY;
let maxValue = -1;
let minValue = Infinity;
let divide = 100;
let ddeg = 10;
let crossLines = [];
function next() {
	fibo.push(fibo[fibo.length - 1] + fibo[fibo.length - 2]);
	return fibo[fibo.length - 1];
}
for (var i = 0; i < 50; i++) {
	const current = next();
	const x = fibo.length;
}

function setMinMax(y) {
	maxValue = Math.min(innerHeight, Math.max(maxValue, y));
	minValue = Math.min(minValue, y);
	//eleResult.setAttribute("viewBox", `0 0 ${fibo.length} ${maxValue}`);
}

function c(tagName, attributes, ns) {
	const ele = ns
		? document.createElementNS(ns, tagName)
		: document.createElement(tagName);
	for (att in attributes) {
		ele.setAttribute(att, attributes[att]);
	}
	return ele;
}

粒子时间文字 hover canvas 3d 游戏音乐火焰水波轮播图鼠标跟随动画 css 加载动画导航菜单按钮滑块 tab 弹出层统计图 svg