Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 通过图像计数计算图像位置_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 通过图像计数计算图像位置

Javascript 通过图像计数计算图像位置,javascript,jquery,html,css,Javascript,Jquery,Html,Css,有一个圆和它周围的一些对象。对象数可能从1到n不等(动态) 如何将所有这些对象自动放置在圆周围??? 提前使用Tnx。这里有一种方法。我在代码中添加了注释来解释这些步骤。我冒昧地使用了彩色div而不是图像,但效果是一样的 //动态更改人数的编辑器 var nr=document.getElementById('nr'); nr.addEventListener('keyup',function(){updatePersons();}); //地球 var globe=document.getE

有一个圆和它周围的一些对象。对象数可能从1到n不等(动态)

如何将所有这些对象自动放置在圆周围???


提前使用Tnx。

这里有一种方法。我在代码中添加了注释来解释这些步骤。我冒昧地使用了彩色div而不是图像,但效果是一样的

//动态更改人数的编辑器
var nr=document.getElementById('nr');
nr.addEventListener('keyup',function(){updatePersons();});
//地球
var globe=document.getElementById('globe');
//用于重新初始化人员的函数
函数updatePersons(){
var personCount=parseInt(数值);
globe.innerHTML='';//删除所有以前的peep有点脏
//只需将它们添加到循环中,并应用转换。
对于(变量i=0;i
#nr{
位置:相对位置;
z指数:1;
}
科里亚先生{
背景颜色:蓝色;
边界半径:50%;
宽度:300px;
高度:300px;
位置:相对位置;
}
先生{
位置:绝对;/*需要,否则它们会相互影响*/
宽度:50px;
高度:100px;
背景色:红色;
变换原点:25px 250px;
/*转换是在Javascript中设置的*/
x变换:平移(125px,-100px)旋转(180度);
}


示例中的图像未显示定位地球中心,将距离平移到中心(半径),并使用360°/nrOfImages旋转,然后对所有图像重复?我对你的问题的看法是,你在迄今为止所做的尝试中没有表现出任何努力(除了问问题?),这只是一个玩笑,但我意识到,如果你不知道参考资料,这可能会显得很苛刻。如果是,对不起,伙计。