如何在svg中使用矩阵或函数？并理解3d

Question

在http://www.w3.org/TR/css3-transforms/中给出了矩阵n函数，可以与svg一起使用，但没有例子，plz检查第14.2节，我想知道如何使用它们？ 提前致谢

Answer 1

问题有点过于含糊，但为了帮助我，我会指点explanation here和here for more svg

我不确定SVG atm是否有完整的3D转换支持。

示例... fiddle

 <svg id="svg">
    <rect id="rect1" x="10" y="10" width="50" height="50"/>
    <rect id="rect2" x="100" y="110" width="50" height="50"/>
 </svg>

#rect1 {
    stroke: red;
    stroke-width: 5;
    fill: blue;
    transform: matrix( 1,2,3,4,5,6);
    -ms-transform: matrix( 1,2,3,4,5,6);
    -webkit-transform: matrix( 1,2,3,4,5,6);
}


#rect2 {
    fill:green;
    transform: rotateY(-75deg);
    -ms-transform: rotateY(-75deg); /* IE 9 */
    -webkit-transform: rotateY(-75deg); /* Safari and Chrome */
}

我不太确定浏览器支持是什么样的，因为很多内容正在改变，所以里程可能会有所不同。