/* * @Author: aliyun0758874076 2300202994@qq.com * @Date: 2023-08-30 11:07:46 * @LastEditors: aliyun0758874076 2300202994@qq.com * @LastEditTime: 2023-09-14 17:28:02 * @FilePath: \公司发展事件时间轴js特效\js\canvas-nest.min.js * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE */ !(function () { function o (w, v, i) { return w.getAttribute(v) || i } function j (i) { return document.getElementsByTagName(i) } function l () { var i = j('script'), w = i.length, v = i[w - 1] return { l: w, z: o(v, 'zIndex', 999), o: o(v, 'opacity', 1), // 控制透明度 c: o(v, 'color', '255,255,255'), n: o(v, 'count', 299) // 控制数量 } } function k () { r = u.width = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth, n = u.height = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight } function b () { e.clearRect(0, 0, r, n) var w = [f].concat(t) var x, v, A, B, z, y t.forEach(function (i) { i.x += i.xa, i.y += i.ya, i.xa *= i.x > r || i.x < 0 ? -1 : 1, i.ya *= i.y > n || i.y < 0 ? -1 : 1, e.fillRect(i.x - 0.5, i.y - 0.5, 1, 1) for (v = 0; v < w.length; v++) { x = w[v] if (i !== x && x.x !== null && x.y !== null) { B = i.x - x.x, z = i.y - x.y, y = B * B + z * z y < x.max && (x === f && y >= x.max / 2 && (i.x -= 0.03 * B, i.y -= 0.03 * z), A = (x.max - y) / x.max, e.beginPath(), e.lineWidth = A / 2, e.strokeStyle = 'rgba(' + s.c + ',' + (A + 0.2) + ')', e.moveTo(i.x, i.y), e.lineTo(x.x, x.y), e.stroke()) } } w.splice(w.indexOf(i), 1) }), m(b) } var u = document.createElement('canvas'), s = l(), c = 'c_n' + s.l, e = u.getContext('2d'), r, n, m = window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame || function (i) { window.setTimeout(i, 1000 / 45) }, a = Math.random, f = { x: null, y: null, max: 20000 } u.id = c u.style.cssText = 'position:fixed;top:0;pointer-events:none;left:0;z-index:' + s.z + ';opacity:' + s.o j('body')[0].appendChild(u) k(), window.onresize = k window.onmousemove = function (i) { i = i || window.event, f.x = i.clientX, f.y = i.clientY }, window.onmouseout = function () { f.x = null, f.y = null } for (var t = [], p = 0; s.n > p; p++) { var h = a() * r, g = a() * n, q = 2 * a() - 1, d = 2 * a() - 1 // console.log(r,n) // 屏幕的大小 // console.log(q,d) // 初始的位置偏移量 t.push({ x: h, y: g, xa: q, ya: d, max: 9000 }) } setTimeout(function () { b() }, 10) }())