马黑PHP整站系统

     12
3456789
10111213141516
17181920212223
24252627282930
31      

[复位日记]

最新评论

风云
悄然
飞飞
马黑
悄然

网站统计

·今日访问 : 358
·页面点击 : 620
·当前在线 : 5

2025年8月28日 星期四[阅读 148]

画多角星函数:

  1. function createStartPath(angles, r1, r2, offsetAngle = 0) {
  2.     var a = 360 / angles, path = 'M';
  3.     Array.from({length: angles}).forEach((_,k) => {
  4.     var a1 = a * k + offsetAngle,
  5.          a2 = a1 + a / 2,
  6.         x1 = (r1 + r1 * Math.cos(Math.PI / 180 * a1)).toFixed(2),
  7.         y1 = (r1 + r1 * Math.sin(Math.PI / 180 * a1)).toFixed(2),
  8.         x2 = (r1 + r2 * Math.cos(Math.PI / 180 * a2)).toFixed(2),
  9.         y2 = (r1 +  r2 * Math.sin(Math.PI / 180 * a2)).toFixed(2);
  10.         path += `${x1} ${y1} ${x2} ${y2} `;
  11.     );
  12.     path += 'Z';
  13.     return path;
  14. }
参数:
angles : 顶角
r1 : 外圆半径
r2 : 内圆半径
offsetAngle : 角度偏移修正角度(例如希望正五角星摆正位置所使用的约 18 度)

原理:星形的形状有外角、内角,这里是将相邻的外角、内角的点连接起来。

2025': 前一则  下一则    

发表评论:

       

Copyright © 2023 All Right Reserved 马黑PHP文章管理整站系统v1.8
联系我们: gxblk@163.com