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