使用矩阵变换现在会产生扭曲的结果

Question

最近更新了webkit（在chrome和opera浏览器中测试过）后，transform: matrix的工作方式出现了一些混乱。看看this example。

之前蓝色矩形与图片上的黑色屏幕完美对齐，但现在有一些失真。我在上周或者两周之前发现了这一变化，之前蓝色矩形使用相同的矩阵完美对齐。

所以我的问题是引入了一些重大变化？有什么办法解决吗？

基本上，这个蓝色矩形在CSS中使用矩阵变换在页面上渲染，如：

transform: matrix3d(0.159713, -0.01934, 0, 6.2e-05, 0.046304, 0.222158, 0, 1e-06, 0, 0, 1, 0, 168.547, 118.847, 0, 1)

编辑：转载错误：

• 工具here产生的结果不正确（您可以看到有多少枢轴圆远离实际变换的矩形角），但在Internet Explorer中它可以正常工作
• 结果为this文章
• 效果在this article中也可以观察到

同时 这是矩阵的一个例子

Internet Explorer
matrix3d(0.216413, -0.026219, 0, 6.2e-005, 0.062742, 0.301178, 0, 1e-006, 0, 0, 1, 0, 228.383, 161.12, 0, 1)

Chrome/Opera
matrix3d(0.216413, -0.026219, 0, 6.2e-05, 0.062742, 0.301178, 0, 1e-06, 0, 0, 1, 0, 228.383, 161.12, 0, 1)

它们是相同的，但在IE中蓝色矩形被转换并显示correctly，而在Chrome / Opera中distorted就像在本文开头链接的图片一样。