5
Ich habe ein einfaches SVG-Bild, das auf iPad Retina und MacBook Pro mit Retina-Display (sowohl Chrome und Safari) anders gerendert wird. Sobald Sie stroke-linecap zu Ihrem rect Element hinzufügen, wird die stroke-width doppelte der normalen Breite gerendert.SVG Hubline-Kappe auf dem iPad Retina
Hier ist das Beispiel, wo zwei Rechtecke die gleiche Rahmenbreite haben sollten (überprüfen Sie es auf dem iPad): SVG rectangle with/without linecap.
Gibt es einen Einheitsspezifizierer für stroke-width den ich vermisse oder gibt es andere Lösungen?
auch, eine Lösung Medienabfrage '-webkit-min-device-Pixel-Verhältnis verwendet werden könnte: 2' und die Verringerung der Strichbreite des Rechtecks mit linien Kappe auf die Hälfte der normalen Breite auf, die nicht ist wirklich genau, wenn das Pixel-Verhältnis nicht 2 ist. – Bakhshi