| 日 | 一 | 二 | 三 | 四 | 五 | 六 |
| 1 | 2 | |||||
| 3 | 4 | 5 | 6 | 7 | 8 | 9 |
| 10 | 11 | 12 | 13 | 14 | 15 | 16 |
| 17 | 18 | 19 | 20 | 21 | 22 | 23 |
| 24 | 25 | 26 | 27 | 28 | 29 | 30 |
| 31 |
[复位日记]
网站统计
·今日访问 : 358
·页面点击 : 620
·当前在线 : 5
2025年8月28日 星期四[阅读 148]
画多角星函数:
- function createStartPath(angles, r1, r2, offsetAngle = 0) {
- var a = 360 / angles, path = 'M';
- Array.from({length: angles}).forEach((_,k) => {
- var a1 = a * k + offsetAngle,
- a2 = a1 + a / 2,
- x1 = (r1 + r1 * Math.cos(Math.PI / 180 * a1)).toFixed(2),
- y1 = (r1 + r1 * Math.sin(Math.PI / 180 * a1)).toFixed(2),
- x2 = (r1 + r2 * Math.cos(Math.PI / 180 * a2)).toFixed(2),
- y2 = (r1 + r2 * Math.sin(Math.PI / 180 * a2)).toFixed(2);
- path += `${x1} ${y1} ${x2} ${y2} `;
- );
- path += 'Z';
- return path;
- }
参数:
angles : 顶角
r1 : 外圆半径
r2 : 内圆半径
offsetAngle : 角度偏移修正角度(例如希望正五角星摆正位置所使用的约 18 度)
原理:星形的形状有外角、内角,这里是将相邻的外角、内角的点连接起来。
发表评论:

