Javascript 如何使用for loop以不同角度绘制圆中的直线_Javascript_Jquery_Html

Javascript 如何使用for loop以不同角度绘制圆中的直线

javascript jquery html

Javascript 如何使用for loop以不同角度绘制圆中的直线,javascript,jquery,html,Javascript,Jquery,Html,我用下面的代码在圆中画了一条线，现在我想用相同的空间以不同的角度画12条线&线应该接触到圆 <!DOCTYPE html> <html> <head> <style> #straight{ height: 30px; border-right: 1px solid blue; -webkit-transform: rotate(**" for loop value must be dis

我用下面的代码在圆中画了一条线，现在我想用相同的空间以不同的角度画12条线&线应该接触到圆

<!DOCTYPE html>
    <html>
    <head>

    <style>

    #straight{
    height: 30px;
    border-right: 1px solid blue; 
    -webkit-transform: rotate(**" for loop value must be displayed"** deg);
    transform: rotate(**" for loop value must be displayed"** deg); 
    position: absolute;
    top:40px;
    left:400px;
    } 
    #circle {
      height: 30px;
      width: 31px;
      margin-left: 81px;
      margin-top: 0px;
      background-color: #fff;
      border: 2px solid blue;
      border-radius: 65px;
      position:absolute;

    }    
    </style>    
    </head>    
    <body>

                        <div>
                                <div id="circle">                       
                                 <div style="position:relative; top:-40px; left:-385px;">
                                    <div id="straight"></div>

                             </div>
                        </div>

    </body>
    </html>


#直的{
高度：30px；
右边框：1px纯蓝色；
-webkit变换：循环值的旋转（**）必须显示“**度）；
变换：循环值的旋转（**）必须显示“**度）；
位置：绝对位置；
顶部：40px；
左：400px；
} 
#圈{
高度：30px；
宽度：31px；
左边距：81px；
边际上限：0px；
背景色：#fff；
边框：2件纯蓝；
边界半径：65px；
位置：绝对位置；
}

请帮助我并提前感谢

检查此项

它使用函数

绘制线（x1、y1、x2、y2）

在给定坐标之间绘制线

基本上，它创建宽度较窄的

div

s，并根据坡度旋转它们

看起来像一个带辐条的轮子

如果你需要的话，这里有一个

下面是片段

drawnline（12,40,40,40）；
函数绘图线（N、centreX、centreY、半径）{
对于（i=0；i


#圆圈{
高度：80px；
宽度：80px；
左边距：30px；
边缘顶部：30px；
背景色：#fff；
边框：2件纯蓝；
边界半径：80px；
位置：绝对位置；
}
您可以为您想要实现的目标添加一个图像，并显示您当前能够做什么，或者您的代码有什么问题吗？如果您运行此代码，您可以看到，我正在尝试制作一个轮子。提前感谢。这是一个很好的做法，可以“接受”和“向上投票”（如果允许的话）这是一个很有帮助的答案，因为它可以帮助将来访问此问题的每个人。