Bug 143002

Summary:	On iOS, vector-effect="non-scaling-stroke" is not honored
Product:	WebKit	Reporter:	Ben Frain <contact>
Component:	SVG	Assignee:	Nobody <webkit-unassigned>
Status:	RESOLVED WORKSFORME
Severity:	Normal	CC:	dino, krit, sabouhallawa, zimmermann
Priority:	P2
Version:	528+ (Nightly build)
Hardware:	iPhone / iPad
OS:	iOS 8.2

Description Ben Frain 2015-03-24 03:04:46 PDT

In SVG 1.2 there exists the vector-effect="non-scaling-stroke" attribute/value combination – http://www.w3.org/TR/SVGTiny12/painting.html#NonScalingStroke

This seems to be honored in desktop Safari but not iOS (8.2 tested).

Reduction:

http://codepen.io/benfrain/pen/dPabrz

If you open this in desktop Safari and resize the window, you'll see the enclosed SVG elements do not get their path/stroke redrawn larger than the defined "2". On iOS however, they do.

Comment 1 Dirk Schulze 2016-10-12 06:22:28 PDT

This looks ok for me on iOS.