@Gerado Спасибо, чувак, за ценный комментарий.
исовал SVG круг, используя start и endAngle. Работало нормально. Но когда я отрисовываю полный круг (startAngle как 70 и endAngle как 70), результат очень сильно отличается (кроме 0, 90, 180, 270). что я сделал неправильно для этого кода?
function getPathArc(center, start, end, radius) {
end -= this.isCompleteAngle(start, end) ? 0.0001 : 0;
var degree = end - start;
degree = degree < 0 ? (degree + 360) : degree;
return this.getCirclePath(
center, getLocationFromAngle(start, radius, center),
getLocationFromAngle(end, radius, center), radius, (degree < 180) ? 0 : 1
);
}
function getCirclePath(center, start, end, radius, clockWise) {
return 'M ' + start.x + ' ' + start.y + ' A ' + radius + ' ' +
radius + ' 0 ' + clockWise + ' 1 ' + end.x + ' ' + end.y;
}
function getLocationFromAngle(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 isCompleteAngle(startAngle, endAngle) {
var totalAngle = endAngle - startAngle;
totalAngle = totalAngle <= 0 ? (totalAngle + 360) : totalAngle;
return Math.floor(totalAngle / 360) !== 0;
}
Образец ссылки:https://jsfiddle.net/fNPvf/43106/
Зеленый круг отображается правильно, потому что start и endAngle равен 90, даже если я изменю угол на 0, 180, 270 и 360, он будет работать. но на самом деле проблема в красном круге, который я использую 70, и проблема возникнет, кроме тех углов (0, 90, 180, 270, 360).
как очистить эту проблему?