SVG text is incorrectly scaled when zooming
Reported by
sil...@gmail.com,
Sep 15
|
||||
Issue descriptionUserAgent: Mozilla/5.0 (Windows NT 6.3; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/69.0.3497.92 Safari/537.36 Example URL: Steps to reproduce the problem: 1. Open attached svg file in Chrome 2. Zoom to 100%, you will see the box right border crossing number 3 in text 3. Zoom to 110%, you will see the box right border crossing number 9 (text did not scale, while border did) 4. Zoom to other distances, you will see border crossing text at various places What is the expected behavior? Zooming should kept the text and border in relative same proportions, especially text should be scaled correctly... What went wrong? Text did not scale properly, sometime it scaled at different rate than the rectangle, sometimes it it does not scale at all. Does it occur on multiple sites: Yes Is it a problem with a plugin? No Did this work before? N/A Does this work in other browsers? Yes Chrome version: 69.0.3497.92 Channel: stable OS Version: 6.3 Flash Version: It does not seem to be reproducible on all machines, I tried it on my personal Win7 laptop and could not reproduce. However on this Windows 2012 server machine it happens always, but only in Chrome (IE is fine for example).
,
Sep 16
,
Sep 17
,
Sep 18
Text is not guaranteed to scale linearly. To achieve this, use the 'text-rendering' property [1] with the 'geometricPrecision' value. Another option for cases like the one shown would be to use the 'textLength' attribute [2]. [1] https://svgwg.org/svg2-draft/painting.html#TextRenderingProperty [2] https://svgwg.org/svg2-draft/text.html#TextElementTextLengthAttribute |
||||
►
Sign in to add a comment |
||||
Comment 1 by sil...@gmail.com
, Sep 1536.3 KB
36.3 KB View Download