Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/80.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_Html_Css_Geometry - Fatal编程技术网

使用javascript计算圆的半径

使用javascript计算圆的半径,javascript,html,css,geometry,Javascript,Html,Css,Geometry,我正在尝试使用javascript计算圆的半径。我有下面的css部分 .圆圈{ 位置:绝对位置; 宽度:100px; 高度:100px; 边界半径:70px; 背景:红色; } 因为半径只有直径的一半,所以这很容易。直径为100px,每宽每高。因此,半径为100px/2=50px。因为半径仅为直径的一半,所以这很容易。直径为100px,每宽每高。因此,半径是100px/2=50px。如果您只需要设置一个半径来形成一个完美的圆,请使用50%的半径。这样,它就不依赖于宽度/高度,也不需要javas

我正在尝试使用javascript计算圆的半径。我有下面的css部分

.圆圈{ 位置:绝对位置; 宽度:100px; 高度:100px; 边界半径:70px; 背景:红色; }
因为半径只有直径的一半,所以这很容易。直径为100px,每宽每高。因此,半径为100px/2=50px。

因为半径仅为直径的一半,所以这很容易。直径为100px,每宽每高。因此,半径是100px/2=50px。

如果您只需要设置一个半径来形成一个完美的圆,请使用50%的半径。这样,它就不依赖于宽度/高度,也不需要javascript:

.圆圈{ 位置:绝对位置; 宽度:100px; 高度:100px; 边界半径:50%; 背景:红色; }
如果您只需要设置一个半径来形成一个完美的圆,请使用50%的半径。这样,它就不依赖于宽度/高度,也不需要javascript:

.圆圈{ 位置:绝对位置; 宽度:100px; 高度:100px; 边界半径:50%; 背景:红色; }
虽然可以通过边界半径相对设置半径:50%,但只需将长方体的宽度/高度除以2即可获得半径

例如:

var circle=document.querySelector'.circle', 半径=圆偏移网络宽度/2; circle.innerHTML=半径:+Radius+px; .圆圈{ 位置:绝对位置; 宽度:100px; 高度:100px; 边界半径:50%;/*我不知道你是否真的需要得到这个值*/ 背景:红色; 线高:100px; 文本对齐:居中; }
虽然可以通过边界半径相对设置半径:50%,但只需将长方体的宽度/高度除以2即可获得半径

例如:

var circle=document.querySelector'.circle', 半径=圆偏移网络宽度/2; circle.innerHTML=半径:+Radius+px; .圆圈{ 位置:绝对位置; 宽度:100px; 高度:100px; 边界半径:50%;/*我不知道你是否真的需要得到这个值*/ 背景:红色; 线高:100px; 文本对齐:居中; }
只需将长方体的宽度/高度除以2即可。例如:var radius=document.querySelector'.circle'.offsetWidth/2Simple将框的宽度/高度除以2。例如:var radius=document.querySelector'.circle'.offsetWidth/2