| Summary: | SVG Font Rendering Problems while rendering Text on a Path in Chrome and Safari | ||||||
|---|---|---|---|---|---|---|---|
| Product: | WebKit | Reporter: | schwenk.johannes | ||||
| Component: | SVG | Assignee: | Nobody <webkit-unassigned> | ||||
| Status: | RESOLVED CONFIGURATION CHANGED | ||||||
| Severity: | Normal | CC: | ahmad.saleem792, ap, bfulgham, Hironori.Fujii, pdr, pvollan, rniwa, simon.fraser, zalan, zimmermann | ||||
| Priority: | P2 | ||||||
| Version: | 312.x | ||||||
| Hardware: | PC | ||||||
| OS: | Windows 7 | ||||||
| See Also: | https://bugs.webkit.org/show_bug.cgi?id=244169 | ||||||
| Attachments: |
|
||||||
(In reply to comment #0) Do you mind trying this on Chrome Canary or Safari Nightly? I'm not able to reproduce this on Mac/ToT so it may have been fixed. Linky: https://www.google.com/intl/en/chrome/browser/canary.html Here's an updated fiddle that I was using: http://jsfiddle.net/v6esx/4/ I tried it on 25.0.1363.0 canary. The rendering problem does still exist. But in MacOSX, it does not. I tried it on MacOSX in Safari and Chrome, and there everything is fine. Seems to be a Windows problem. I`m using Windows 7. Created attachment 461600 [details]
STP 151 match with other browsers
I am not sure what to highlight as any difference any but to my eyes, all browsers are rendering same. Just wanted to share result of latest results of all browsers.
Appreciate if anyone else can look into it and mark this accordingly. Thanks!
Someone may want to test Windows and WinCairo ports, as per above, this never affected macOS, but it did affect Windows. the screenshots aren't available. I don't know the problem. But, I don't observe any problem with the latest WinCairo and AppleWin for http://jsfiddle.net/v6esx/2/ . BTW, WebKit doesn't render nicely the selected text of this test. > BTW, WebKit doesn't render nicely the selected text of this test. Filed: Bug 244169 – SVG: wrongly painted selected text on a path |
I try to render some text along a bezier curve path in SVG: <svg xmlns="http://www.w3.org/2000/svg" version="1.1"> <path id='menu_path' d="M 80,40 Q 200,85 245,205" stroke="none" fill="none"/> <text fill="white"> <textPath xlink:href="#menu_path">News Info Presse Musik</textPath> </text> </svg> In Chrome (23.0.1271.97 m) and Safari (5.1.7 (7534.57.2)), the text looks ugly (look at "Musik"). Even when I use monospace fonts and set the text to uppercase it does not change. Here the Screenshots and a fiddle: http://imageshack.us/a/img18/3195/svgrendering.png http://imageshack.us/a/img705/7334/svgrenderingwithpath.png http://jsfiddle.net/v6esx/2/