Bug 134379 - inconsistent rendering of dashed line on retina display
Summary: inconsistent rendering of dashed line on retina display
Status: RESOLVED CONFIGURATION CHANGED
Alias: None
Product: WebKit
Classification: Unclassified
Component: SVG (show other bugs)
Version: 528+ (Nightly build)
Hardware: iPhone / iPad iOS 7.0
: P2 Normal
Assignee: zalan
URL: http://jsfiddle.net/bakhshi/uS2P2/11/
Keywords:
Depends on:
Blocks:
 
Reported: 2014-06-26 20:18 PDT by Reza
Modified: 2022-07-15 16:57 PDT (History)
6 users (show)

See Also:

Attachments
Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description Reza 2014-06-26 20:18:34 PDT 
[RETINA display]

as soon as you add 'stroke-dasharray' css property the stroke is rendered double the normal width.
zooming in (change the viewbox of SVG element) results in inconsistent rendering of dash array. it looks like if you zoom in you have to decrease the dasharray values.

example:
normal: stroke-dasharray: 10;

to have the expected results when zooming in you have to change the stroke-dasharray like this:

stroke-dasharray: 5;
Comment 1 zalan 2014-06-27 07:00:04 PDT 
this looks terrible!
Comment 2 Brent Fulgham 2022-07-15 16:57:30 PDT 
Safari, Chrome, and Firefox all agree on rendering for this test case. I don't believe there is any remaining compatibility issue.