New issue
Advanced search Search tips
Starred by 3 users
Status: Fixed
Owner: ----
Closed: Feb 2012
EstimatedDays: ----
NextAction: ----
OS: Windows
Pri: 2
Type: Bug

  • Only users with Commit permission may comment.

Sign in to add a comment
SVG text kerning very ugly when elements are zoomed
Reported by, Sep 28 2011 Back to list
Chrome Version       : 15.0.874.21 (other versions also tested)
URLs (if applicable) :
Other browsers tested:
Add OK or FAIL after other browsers where you have tested this issue:
     Safari 5: FAIL
  Firefox 4.x: OK
       IE 7/8/9: OK

What steps will reproduce the problem?
1. Create a text span within an SVG group subject to a scale transformation
2. Change the scale factor on the transformation
See " Bug #2 " instructions on test page above

What is the expected result?
Text should be rendered with strokes and kerning appropriate for the rendered size on screen

What happens instead?
Text is rendered with the correct strokes, but letter spacing is insappropriate (wildly so at times)

Please provide any additional information below. Attach a screenshot if
SVG spans should be rendered as first screen shot, but if zoomed out a long way when the text spans have their content set (scale ~ 0.1) and then shown normal size (scale 1.0) then it redraws as per the second screenshot until the DOM element has its content reset.

4.4 KB View Download
8.7 KB View Download
Comment 1 Deleted
Comment 2 Deleted
Comment 3 Deleted
Labels: -Area-Compat Area-WebKit
I'm able to reproduce the issue in Chrome 16.0.894.0 (Official Build 103082)/Win7
Comment 5 by, Sep 29 2011
Labels: WebKit-SVG
Comment 6 by, Oct 4 2011
Labels: Mstone-16
Comment 7 by, Oct 24 2011
Labels: -Mstone-16 MovedFrom-16 Mstone-17
Comment 8 by, Dec 6 2011
Labels: -Mstone-17 MovedFrom-17
Removing milestone from all untriaged M17 bugs.
Comment 9 by, Dec 9 2011
Cross posted to webkit as
Comment 11 by, Feb 14 2012
This bug hasn't got any record of being fixed in webkit (link above to 74003) or in Chrome, but testing in v18.0.1025.11 beta (google-chrome ebuild on gentoo) it appears to be partially fixed. It looks like the kerning is always calculated for a zoom factor of 1.0 regardless of actual size.

This does make enlarged text look ugly at times as the letter spacing is not always ideal (see "metus" in attached screenshot) but is nowhere near as ugly as before.. unfortunately the workaround in javascript (recreate text spans to force recalc of spacing) no longer fixes this new kerning issue of course...

22.4 KB View Download
Comment 12 by, Feb 29 2012
Status: Fixed
Thank you for this report meercat, it was useful in tracking down this issue. I've landed the fix in WebKit trunk and it will appear in a future version of Chrome.
Comment 13 by, Feb 29 2012
You're welcome (similar bug reports with test cases for webkitRequestFullScreen() coming soon) - thanks for fixing it, and for the best HTML5 browser even before that.

I'd invite you to view the webapp that uses these features, but this is not the place :)

Project Member Comment 14 by, Oct 13 2012
Labels: Restrict-AddIssueComment-Commit
This issue has been closed for some time. No one will pay attention to new comments.
If you are seeing this bug or have new data, please click New Issue to start a new bug.
Project Member Comment 15 by, Mar 11 2013
Labels: -Area-WebKit -WebKit-SVG Cr-Content-SVG Cr-Content
Project Member Comment 16 by, Apr 6 2013
Labels: -Cr-Content Cr-Blink
Project Member Comment 17 by, Apr 6 2013
Labels: -Cr-Content-SVG Cr-Blink-SVG
Sign in to add a comment