Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
I’m trying to create 5 rectangles which are getting more and more rotated in the y-axis as they get far away from the centered rectangle.
But I can’t get how to use the transform and perspective attributes to achieve it. I’m able only to rotate in 2d, but when I specify rotateY or rotateX it does not respond and stays the same.
any help? tutorial? example?
So here’s some good explanation on how to use perspective effects in SVG:
https://www.svgopen.org/2008/papers/86-Achieving_3D_Effects_with_SVG/#section_4_4_creating_perspective_effects_using_future_features
The page is from 2008 and they are talking about future and it appears as if this is not yet working in most SVG viewers. The images on their site are PNG and I’ve tried their sample code in both the latest version of firefox and inkscape but the image is not displayed correctly.
Thus, there’s probably nothing wrong with your svg code, you just cannot expect it to be displayed correctly in every viewer. Try to find a programm that is capable of rendering 3D SVG and export a bitmap graphic, that’s probably your only choice if you want to make your graphic viewable to a wider audience.