New issue
Advanced search Search tips

Issue 98392 link

Starred by 3 users

Issue metadata

Status: Fixed
Owner: ----
Closed: Feb 2012
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: Windows
Pri: 2
Type: Bug

Restricted
  • Only users with Commit permission may comment.



Sign in to add a comment

SVG text kerning very ugly when elements are zoomed

Reported by meer...@gmail.com, Sep 28 2011

Issue description

Chrome Version       : 15.0.874.21 (other versions also tested)
URLs (if applicable) : http://www.mysparebrain.com/svgbug.html
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
possible.
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.

 
bug2.png
4.4 KB View Download
bug3.png
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 tkent@chromium.org, Sep 29 2011

Labels: WebKit-SVG

Comment 6 by kareng@google.com, Oct 4 2011

Labels: Mstone-16

Comment 7 by laforge@google.com, Oct 24 2011

Labels: -Mstone-16 MovedFrom-16 Mstone-17

Comment 8 by k...@google.com, Dec 6 2011

Labels: -Mstone-17 MovedFrom-17
Removing milestone from all untriaged M17 bugs.

Comment 9 by meer...@gmail.com, Dec 9 2011

Cross posted to webkit as https://bugs.webkit.org/show_bug.cgi?id=74003
Cc: schenney@chromium.org

Comment 11 by meer...@gmail.com, 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...

bugtext.png
22.4 KB View Download

Comment 12 by pdr@chromium.org, 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.

https://bugs.webkit.org/show_bug.cgi?id=74003
https://bugs.webkit.org/show_bug.cgi?id=75091

Comment 13 by meer...@gmail.com, 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 bugdroid1@chromium.org, 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 bugdroid1@chromium.org, Mar 11 2013

Labels: -Area-WebKit -WebKit-SVG Cr-Content-SVG Cr-Content
Project Member

Comment 16 by bugdroid1@chromium.org, Apr 6 2013

Labels: -Cr-Content Cr-Blink
Project Member

Comment 17 by bugdroid1@chromium.org, Apr 6 2013

Labels: -Cr-Content-SVG Cr-Blink-SVG

Sign in to add a comment