Question

您好我尝试使用matrix3d来转换图1。最后，图2（-moz-transform）是我在Firefox 43.0中运行以下代码时所需要的，比较了Chrome 47.0.2526.106（64位）渲染的图3（-webkit-transform）。

Figure 1-2-3

<style>
  #transform{
    transform:         matrix3d(-0.000118252, 0.403212, 0, -0.00000128535, -0.81433, -0.209, 0, -0.000405756, 0, 0, 1, 0, 869, 209, 0, 1);
    -webkit-transform: matrix3d(-0.000118252, 0.403212, 0, -0.00000128535, -0.81433, -0.209, 0, -0.000405756, 0, 0, 1, 0, 869, 209, 0, 1);
    -moz-transform:    matrix3d(-0.000118252, 0.403212, 0, -0.00000128535, -0.81433, -0.209, 0, -0.000405756, 0, 0, 1, 0, 869, 209, 0, 1);
  }
</style>
<svg id="transform" width="1000" height="1000" style="transform-origin: 0px 0px 0px;">
    <g transform="translate(0,0)">
      <image xlink:href="test_tile.jpg" width="1000" height="1000">
    </g>
</svg>

我想知道它是Chrome中的错误还是我做错了什么？我使用的是Ubuntu 14.04

webkit-transform和moz-transform中的matrix3d呈现不同的输出

0 个答案: