Firefox line-arc graphics acceleration path incorrect

[jonathanolson]

See phetsims/acid-base-solutions#104

[jonathanolson]

Planning to do per-path workarounds for now, I'm hoping Firefox fixes the bug before I would need to add a Scenery/Kite-level workaround.

[jonathanolson]

Not fixed in Firefox Aurora 32.0a2 (2014-06-16), we'll want to submit a report about this.

[jonathanolson]

Acid Base Solutions example bad arrow:

M 0.00000000000000000000 0.00000000000000000000 L 25.00000000000000000000 0.00000000000000000000 L 25.00000000000000000000 0.00001000000000000000 L 25.00000000000000000000 0.00000000000000000000 A 18.00000000000000000000 18.00000000000000000000 0 0 1 14.41986545873548486441 -3.43769410125094587727 M 25.00000000000000000000 0.00000000000000000000 A 18.00000000000000000000 18.00000000000000000000 0 0 0 14.41986545873548486441 3.43769410125094587727

[pixelzoom]

@jonathanolson

Acid Base Solutions example bad arrow:

Please elaborate. Is this something that needs to be fixed in ABS?

[jonathanolson]

No, it's the path without the workaround in place to help with debugging the Faraday's Law issue.

[jonathanolson]

Test case wasn't easily present. Here's one that I'll test when on Windows:

var svg = document.createElementNS( scenery.svgns, 'svg' )
var path = document.createElementNS( scenery.svgns, 'path' );
svg.appendChild( path )
path.setAttribute( 'd', 'M 0.00000000000000000000 0.00000000000000000000 L 25.00000000000000000000 0.00000000000000000000 L 25.00000000000000000000 0.00001000000000000000 L 25.00000000000000000000 0.00000000000000000000 A 18.00000000000000000000 18.00000000000000000000 0 0 1 14.41986545873548486441 -3.43769410125094587727 M 25.00000000000000000000 0.00000000000000000000 A 18.00000000000000000000 18.00000000000000000000 0 0 0 14.41986545873548486441 3.43769410125094587727' )
document.body.appendChild( svg )
svg.setAttribute( 'width', 640 );
svg.setAttribute( 'height', 320 );
path.setAttribute( 'transform', 'matrix( 3, 0, 0, 3, 100, 100 )' )
path.setAttribute( 'style', 'fill: none; stroke: black;' )