как найти угол определенной точки

Question

как найти угол определенной точки

1

Я нарисовал круг svg, используя start и endangle, как следует,

document.getElementById("circle").setAttribute("d", describeArc(150, 150, 100, 180, 360));
            function getPathArc(center, start, end, radius) {
                        end = end - 0.0001;
                        var degree = end - start;
                        degree = degree < 0 ? (degree + 360) : degree;
                        var clockWise = (degree < 180) ? 0 : 1;
                        return getPiePath(center, degreeToLocation(start, radius, center), degreeToLocation(end, radius, center), radius, clockWise);
            }
            function getPiePath(center, start, end, radius, clockWise) {
                        return 'M ' + start.x + ' ' + start.y + ' A ' + radius + ' ' + radius + ' 0 ' + clockWise + ' 1 ' + end.x + ' ' + end.y;
            };          
            function degreeToLocation(degree, radius, center) {
                    var radian = (degree * Math.PI) / 180;
                    return { 
                        'x' : Math.cos(radian) * radius + center.x,
                        'y': Math.sin(radian) * radius + center.y
                    };
            }           
            function describeArc(x, y, radius, startAngle, endAngle){
                var endAngle = endAngle - startAngle;
                startAngle = startAngle <= 0 ? (360 + startAngle) % 360 : startAngle % 360;
                endAngle = endAngle < 0 ? (360 + endAngle + startAngle) % 360 : Math.abs(endAngle + startAngle) % 360;
                    var direction = getPathArc({'x': x, 'y': y}, startAngle, endAngle, radius);
                    var d = direction;
                    return d;       
            }

здесь приведен пример https://jsfiddle.net/ndmsqmao/3/

Мне нужно нарисовать одну линию для этого круга для указанной точки.

например, рассмотрим,

если это значение начинается с 50 до 100, мне нужно нарисовать одну тиковую линию для 66-го значения.. как это сделать?

Akbar Basha 31 май 2017, в 11:27

Источник

Теги:

javascript

svg

circle

2 ответа

Ещё вопросы

Kira · Answer 1 · 2017-05-31T07-49-00.000Z

Надеюсь это поможет...

var minValue = 50, maxValue = 100, value = 66,
    minAngle = 180, maxAngle = 360, angle;

angle = minAngle + (value - minValue) / (maxValue - minValue) * (maxAngle - minAngle);

alert(angle);

если startAngle и endAngle одинаковы, мы не можем получить угол определенной точки. для этого расчета .. Я пробовал этот расчет, этот работает нормально, var степень = endAngle - startAngle; степень = степень <0? (степень + 360): степень; return (значение * (градус / (MaximumValue - минимальное значение))) + startAngle;

Frank Wisniewski · Answer 2 · 2017-05-31T08-35-00.000Z

Надеюсь, я понимаю ваш вопрос...

var min = 50;
var max = 100;
var value = 66;

var angle = 180/(max-min)*(value-min)+180;

console.log (angle);

Привет Спасибо, только что я нашел этот расчет .. приведенный ниже расчет работает нормально, var totalDegree = endAngle - startAngle; totalDegree = totalDegree <0? (totalDegree + 360): totalDegree; переменная степень (значение * (степень / (MaximumValue - MinimumValue))) + startAngle;