2016-03-21 13 views
5

Chrome V49 сломал letter-spacings в SVG при использовании в сочетании с преобразованием матриц и переводов:хром V49 письмо-интервал в SVG с преобразованием матрицы

enter image description here

живой пример: 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); 

Я делаю что-то неправильно здесь (например, нарушая некоторые спецификации), и Chrome стал более «ограничительным» или это недавно введенная ошибка в Chrome?

FYI: Пример (очевидно) лишь малая часть большого SVG, которая динамически генерируется сервером, и я не могу просто изменить вложенности и использование трансформных матрицы & перевода функций.

ответ

1

У меня была такая же проблема, и даже если бы я ничего не смог найти об этой проблеме в журнале изменений, она, по-видимому, исправлена ​​в Chrome 50.