如何在svg中使用矩阵或函数?了解3d

如何在svg中使用矩阵或函数?了解3d,svg,Svg,在这里有一个给定的矩阵n函数,它可以与svg一起使用,但没有示例,plz检查第14.2节,我想知道如何使用它们? 提前谢谢这个问题有点太模糊了,但为了帮助你,我会告诉你 我不确定SVG atm是否完全支持3d转换 例如 我不太清楚浏览器支持是什么样的,因为很多东西都在改变atm,所以里程数可能会有所不同。不能将透视变换应用于SVG元素。SVG不支持这一点。但是,您应该能够将透视CSS转换应用于SVG的容器。 <svg id="svg"> <rect id="rect1

在这里有一个给定的矩阵n函数,它可以与svg一起使用,但没有示例,plz检查第14.2节,我想知道如何使用它们?
提前谢谢

这个问题有点太模糊了,但为了帮助你,我会告诉你

我不确定SVG atm是否完全支持3d转换

例如


我不太清楚浏览器支持是什么样的,因为很多东西都在改变atm,所以里程数可能会有所不同。

不能将透视变换应用于SVG元素。SVG不支持这一点。但是,您应该能够将透视CSS转换应用于SVG的容器。
 <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 */
}