Problems aligning SVG text with curved text path

I want to learn more about the issue discussed in this release. Problems with displaying SVG fonts when rendering text on the way in Chrome and Safari

Following the example shown at http://jsfiddle.net/v6esx/4/

<path id='menu_path' d="M 80,40 Q 200,85 245,205" stroke="none" fill="black"/>
    <text fill="white">
        <textPath xlink:href="#menu_path">News Info Presse Musik</textPath>
    </text>  

In Firefox 26 (OSX), the text looks uneven, especially if zooming is applied. This issue is even more serious in Chrome 32 on Windows 7.

You can see some screenshots from the original question:

http://imageshack.us/a/img18/3195/svgrendering.png

enter the link here http://imageshack.us/a/img18/3195/svgrendering.png

http://imageshack.us/a/img705/7334/svgrenderingwithpath.png

enter the link here http://imageshack.us/a/img705/7334/svgrenderingwithpath.png

D3.js, , . , http://bost.ocks.org/mike/uberdata/ "Downtown" "Marina"

  • 1 windows 7 + chrome 32

Screen shot 1

  • 2 windows 7 + chrome 32

Screenshothot 2

, , - , , ?

+3
1

, , text-rendering.

:

11.7.4. text-rendering

SVG , , . text-rendering .


, , , , , , .

optimizeSpeed ​​
, . , .

optimizeLegibility
, . , , .

geometricPrecision
, . , , .

, geometricPrecision . . .

+1
source

All Articles