html五角星代码坐标怎么算

HTML五角星代码坐标怎么算其实并不难。

首先，我们需要一个正五边形的寻找，而常见的做法就是利用CSS中的伪类元素before和after，然后用transform旋转达到正五边形的效果。

.star {
      position: relative;
      display: inline-block;
      width: 0;
      height: 0;
      margin: 2px;
      border-right: 15px solid transparent;
      border-bottom: 10px solid #f00;
      border-left: 15px solid transparent;
      transform: rotate(35deg);
}
.star:before,.star:after {
      content: "";
      position: absolute;
      border-right: 15px solid transparent;
      border-bottom: 10px solid #f00;
      top: -2px;
      transform: rotate(70deg);
}
.star:before {
      left: -17px;
}
.star:after {
      left: 17px;
}
    

接下来，我们就可以通过计算五角星的内部角度和外部角度，结合三角函数，来求出五角星顶点的坐标。

单个角度的计算公式为：180度 / 5 = 36度，即每个角度为36度。

五角星由10个角，所以内部角度为：180度 - 36度 = 144度。

五角星的外部角度为：180度 - 144度 = 36度。

接下来，我们就可以利用三角函数来求出五角星顶点的坐标了。假设五角星的中心坐标为(x,y)，半径为r：

第一个顶点的坐标为(x, y - r)。

x0 = xy0 = y - r

第二个顶点的坐标为(x + r * sin(72°), y - r * cos(72°))。

x1 = x + r * sin(72)y1 = y - r * cos(72)

第三个顶点的坐标为(x + r * sin(144°), y - r * cos(144°))。

x2 = x + r * sin(144)y2 = y - r * cos(144)

第四个顶点的坐标为(x + r * sin(216°), y - r * cos(216°))。

x3 = x + r * sin(216)y3 = y - r * cos(216)

第五个顶点的坐标为(x + r * sin(288°), y - r * cos(288°))。

x4 = x + r * sin(288)y4 = y - r * cos(288)

这样，我们就可以根据五角星的中心坐标、半径、以及五个角的坐标，来求解五角星的坐标了。

以上就是我对HTML五角星代码坐标怎么算的解释和说明，希望能够帮助到大家。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！