Bug 134379

Summary:	inconsistent rendering of dashed line on retina display
Product:	WebKit	Reporter:	Reza <mmfrezabakhshi>
Component:	SVG	Assignee:	zalan <zalan>
Status:	RESOLVED CONFIGURATION CHANGED
Severity:	Normal	CC:	bfulgham, mmfrezabakhshi, simon.fraser, thorton, zalan, zimmermann
Priority:	P2
Version:	528+ (Nightly build)
Hardware:	iPhone / iPad
OS:	iOS 7.0
URL:	http://jsfiddle.net/bakhshi/uS2P2/11/

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.