Skip to content

Instantly share code, notes, and snippets.

@mbostock
Last active February 9, 2016 01:28
Show Gist options
  • Save mbostock/3194190 to your computer and use it in GitHub Desktop.
Save mbostock/3194190 to your computer and use it in GitHub Desktop.
Chrome Circle Precision Bug
<!DOCTYPE html>
<meta charset="utf-8">
<style>
path,
circle {
fill: none;
stroke: #000;
}
path {
stroke-dasharray: 2,2;
}
</style>
<svg width="960" height="500">
<g transform="translate(2,2)">
<circle cx="395.8562790527633" cy="44.691485522888755" r="44.691485522888755"></circle>
<circle cx="842.7711342816508" cy="1117.2871380722188" r="1117.2871380722188"></circle>
<path transform="translate(842.7711342816508,1117.2871380722188)" d="M0,1117.2871380722188A1117.2871380722188,1117.2871380722188 0 1,1 0,-1117.2871380722188A1117.2871380722188,1117.2871380722188 0 1,1 0,1117.2871380722188Z"></path>
</g>
</svg>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment