Bug 185675

Summary: Canvas text with middle baseline alignment does not match vertically centered table cell text in certain languages
Product: WebKit Reporter: Jon Lee <jonlee>
Component: CanvasAssignee: Nobody <webkit-unassigned>
Status: NEW    
Severity: Normal CC: dino, mmaxfield, simon.fraser, webkit-bug-importer, zalan
Priority: P2 Keywords: InRadar
Version: WebKit Nightly Build   
Hardware: Unspecified   
OS: Unspecified   
Attachments:
Description Flags
Test none

Jon Lee
Reported 2018-05-16 01:11:10 PDT
Created attachment 340475 [details] Test See test page. For each section I have a table cell that covers the full colored div. In the cell is vertically centered text. On top of the cell is a canvas that covers the full colored div. I render the same text with textAlign center and textBaseline middle. The text animates side to side to show alignment. For English, Cyrillic, Chinese, Japanese, Hebrew and Tamil, the alignment is pretty spot on. For Korean and Tamil, the alignment is off by at most one point. For Arabic, the alignment is off by more than one point.
Attachments
Test (2.65 KB, text/html)
2018-05-16 01:11 PDT, Jon Lee
no flags
Radar WebKit Bug Importer
Comment 1 2018-05-16 01:11:59 PDT
Jon Lee
Comment 2 2018-07-05 10:13:09 PDT
FWIW, Chrome and Firefox also do not align perfectly on all languages either, but which languages differ and how they differ are not the same as Safari.
Note You need to log in before you can comment on or make changes to this bug.