'Stroke-line cap on iPad Retina

I have a simple SVG image which is rendered differently on iPad Retina and MacBook Pro with Retina display (both Chrome and Safari). As soon as you add stroke-linecap to your rect element, the stroke-width is rendered double the normal width.

Here is the example where two rectangles should have the same border width (check it on iPad): SVG rectangle with/without linecap.

Is there a unit specifier for stroke-width which I am missing or there is other solutions?

csssvgretina-display


Solution 1:[1]

This is no longer an issue in iOS 9, based on experiments with the iOS Simulator.

enter image description here

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 akarve

Related Questions