Skip to content

Instantly share code, notes, and snippets.

@dggodfrey
Created December 8, 2016 22:03
Show Gist options
  • Save dggodfrey/99f63dca8747b777dc966e031fab188c to your computer and use it in GitHub Desktop.
Save dggodfrey/99f63dca8747b777dc966e031fab188c to your computer and use it in GitHub Desktop.
function polarToCartesian(centerX, centerY, radius, angleInDegrees) {
var angleInRadians = (angleInDegrees - 90) * Math.PI / 180.0;
return {
x: centerX + (radius * Math.cos(angleInRadians)),
y: centerY + (radius * Math.sin(angleInRadians))
};
}
function describeArc(x, y, radius, startAngle, endAngle) {
var start = polarToCartesian(x, y, radius, endAngle);
var end = polarToCartesian(x, y, radius, startAngle);
var largeArcFlag = endAngle - startAngle <= 180 ? '0' : '1';
var d = [
'M', start.x, start.y,
'A', radius, radius, 0, largeArcFlag, 0, end.x, end.y
].join(' ');
return d;
}
var degrees = 180;
element.find('#arc1').attr('d', describeArc(100, 100, 80, 0, degrees));
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment