Chrome v49 rotto letter-spacings
in SVG quando usato in combinazione con matrice di trasformazione e definizioni:Chrome v49 letter-spacing in SVG con matrice di trasformazione
Superficie esempio: https://jsfiddle.net/75fpn6de/6/
SVG:
<svg height="300px" version="1.1" width="100%" xmlns="http://www.w3.org/2000/svg">
<g transform="matrix(0.20695652173913043,0,0,0.20695652173913043,0,10.881739130434767)">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:ev="http://www.w3.org/2001/xml-events" version="1.1" viewBox="0 0 2500 2794" width="2500" height="2794">
<g transform="translate(1436.5 1087) rotate(0)">
<text xmlns="http://www.w3.org/2000/svg" fill="#ed7373" y="237" style="font-family: 'Great Vibes';" font-size="237" letter-spacing="0.1em" text-anchor="middle">Some text</text>
</g>
</svg>
</g>
</svg>
CSS:
@import url(https://fonts.googleapis.com/css?family=Great+Vibes);
Sto facendo qualcosa di sbagliato qui (come rompere alcune specifiche) e Chrome è diventato più "restrittivo" o è un bug appena introdotto in Chrome?
proposito: L'esempio è (ovviamente) solo una piccola parte di uno SVG più grande che viene generato dinamicamente dal server e non posso basta cambiare il nesting e l'uso delle funzioni trasformare matrice & tradurre.