Summary: | Curved SVG textpath doesn't render unicode text/font properly on Apple devices | ||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Product: | WebKit | Reporter: | Sudhakar Anivella <a.sudhakar> | ||||||||||
Component: | SVG | Assignee: | Nobody <webkit-unassigned> | ||||||||||
Status: | NEW --- | ||||||||||||
Severity: | Normal | CC: | ahmad.saleem792, ap, fantasai.bugs, karlcow, sabouhallawa, vitor.roriz, webkit-bug-importer, zalan, zimmermann | ||||||||||
Priority: | P2 | Keywords: | InRadar | ||||||||||
Version: | Safari 17 | ||||||||||||
Hardware: | iPhone / iPad | ||||||||||||
OS: | iOS 17 | ||||||||||||
URL: | https://jsfiddle.net/yb8ndv4c/show | ||||||||||||
Attachments: |
|
Created attachment 469190 [details]
Testcase
Comment on attachment 469190 [details]
Testcase
@ahmad.saleem792 I think testcase_266832.svg contains first line as blank line. You may want to remove it to prevent "XML Parsing Error: XML or text declaration not at start of entity"
(In reply to Sudhakar Anivella from comment #2) > Comment on attachment 469190 [details] > Testcase > > @ahmad.saleem792 I think testcase_266832.svg contains first line as blank > line. You may want to remove it to prevent "XML Parsing Error: XML or text > declaration not at start of entity" Yes - I marked it as 'obsolete' and added 'JSFiddle' in URL field. :-) Thank you! Created attachment 469195 [details]
rendering in safari, firefox, chrome
Safari Technology Preview 184 19618.1.7.1.1
Firefox Nightly 123.0a1 12323.12.24
Google Chrome Canary 122.0.6205.0 6205.0
Created attachment 472555 [details]
Test Case - as attachment
|
Created attachment 469183 [details] SVG textpath unicode rendering issue screenshots and sample SVG I am trying to render Unicode text (Telugu) on a curved SVG textPath. Text on textPath is not rendered properly on apple devices (Safari as well as Chrome), characters do not cluster as expected, where as text using rendered properly. Where as same SVG code is workign as expected with Firefox and Chrome on Linux. Refer attached screenshots and SVG sample.