Bug 81990

Summary: SVG Rotated text string is poorly aligned and kerned
Product: WebKit Reporter: Stephen Chenney <schenney>
Component: SVGAssignee: Nobody <webkit-unassigned>
Status: RESOLVED CONFIGURATION CHANGED    
Severity: Normal CC: bfulgham, pdr, schenney, shyru, zimmermann
Priority: P2    
Version: 528+ (Nightly build)   
Hardware: Unspecified   
OS: Unspecified   
Attachments:
Description Flags
Test case
none
Sample showing character alignment issue none

Stephen Chenney
Reported 2012-03-22 16:36:44 PDT
Created attachment 133384 [details] Test case When an SVG text string is rotated the alignment of the characters is very poor. It seems that some rounding is occurring way too soon in the layout or rendering process.
Attachments
Test case (406 bytes, image/svg+xml)
2012-03-22 16:36 PDT, Stephen Chenney 		no flags
Details
Sample showing character alignment issue (9.66 KB, image/svg+xml)
2012-04-09 10:08 PDT, Jake 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Jake
Comment 1 2012-04-09 10:08:49 PDT
Created attachment 136251 [details] Sample showing character alignment issue This might be related to bug 83482
shyru
Comment 2 2012-04-12 00:01:16 PDT
Here is an additional example that how this is a "problem" when animating rotated text as the letters jitter around: http://docs.sencha.com/ext-js/4-0/extjs-build/examples/draw/Rotate%20Text.html (This uses Ext.draw which in turn uses SVG to render the graphics. Using the slider above the text you can rotate the rightmost text dynamically and observe the jittering letters) Note: In Firefox, IE9 and Safari (Windows) this looks perfect and the letters are always nicely aligned .
Brent Fulgham
Comment 3 2022-07-15 15:05:04 PDT
Safari, Chrome, and Firefox all agree on rendering for this test case. I don't believe there is any remaining compatibility issue.
Note You need to log in before you can comment on or make changes to this bug.