o-arc: render a svg shape

[tinchox5]

Try rendering a shape that uses a path composed of arc + line + arc + line, rather than a single arc. The benefits of this approach include:

• The ability to use stroke and fill colors
• A solution to gap inconsistencies

However, this method is harder to achieve programmatically. Adding custom arc endings like arrow or circle shape are harder as well. But if achieved those shapes can be used in any browser.

[tinchox5]

something like this

<path style="paint-order: stroke; stroke-linejoin: round; stroke: rgb(186, 218, 85); stroke-linecap: round; fill: none;" d="M 50.000436332313,1.9038637333324004e-9 A 50,50 0 0 1 99.99999999809614,49.999563667687006 L 95.00002399820973,49.99960730070887  A 45.0000239999232,45.0000239999232 0 0 0 50.00039269929114,6 Z"></path>

[tinchox5]

If your are curious about this development check out dev branch and see js/orbit-arc.js