SVG + matrix3d ​​по-разному рендерится в другом браузере

Я трансформирую объект, используя 3D-матрицу и SVG. Но одна и та же матрица отображается по-разному в разных браузерах. Вот пример:

http://jsfiddle.net/dexus/kcwrjgew/

<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="400" height="400" id='svg'>
    <rect style='transform:matrix3d(0.325454, 0.0220348, 0, -0.000124338, -0.276499, 0.0647953, 0, -0.000268559, 0, 0, 1, 0, 333, 195, 0, 1)' x='0' y='0' width='100' height='100' fill='yellow' stroke='navy' stroke-width='10' />
</svg>

Как вы можете видеть, он выводит разные изображения. Может кто-нибудь сказать мне, почему и как это исправить. Кстати, Firefox отрисовывает его правильно.

Источник

0 ответов

Другие вопросы по тегам