5
Ho una semplice immagine SVG resa in modo diverso su iPad Retina e MacBook Pro con display Retina (sia Chrome che Safari). Non appena aggiungi stroke-linecap all'elemento rect, il valore stroke-width viene reso doppio rispetto alla larghezza normale.Cappuccio tratto SVG su iPad Retina
Ecco l'esempio in cui due rettangoli devono avere la stessa larghezza del bordo (controllarlo su iPad): SVG rectangle with/without linecap.
C'è un identificatore di unità per stroke-width che mi manca o che esistono altre soluzioni?
bene, una soluzione potrebbe essere utilizzando media query '-webkit-min-device-pixel-ratio: 2' e ridurre la larghezza del tratto di rettangolo con linea tappo alla metà della larghezza normale che non è davvero preciso quando il rapporto pixel non è 2. – Bakhshi