how to use matrix or function in svg? and understand 3d -
in http://www.w3.org/tr/css3-transforms/ there given matrix n function can used svg, no example, plz check section 14.2, want know how use them? in advance
the question bit vague, point @ explanation here , here more svg
i'm not sure if there full 3d transform support svg atm.
example... 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 , chrome */ }
i'm not quite sure of browser support lot changing atm, mileage may vary.
Comments
Post a Comment