SVG + matrix3d在不同的浏览器中呈现不同

时间:2014-11-27 19:02:47

标签: css3 matrix svg

我正在使用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 个答案:

没有答案