: Is there a tool that converts Adobe Illustrator's 3D Rotate effect to SVG or CSS transforms? I'd like to export a graphic as SVG, and it contains text that has a 3D Rotate effect applied
I'd like to export a graphic as SVG, and it contains text that has a 3D Rotate effect applied to it.
Saving as SVG this expands my text to outlines :(
I'd like it instead to output <text> with actual 3D transformations applied to it, something like this:
<text id="Textu" style="-webkit-transform: matrix3d(0.7784, -0.2518, -0.5749, 0, 0.1727, 0.9665, -0.1894, 0, 0.6034, 0.0481, 0.7959, 0, 0, 0, 0, 1);">
...
This is CSS, I would prefer SVG transformations.
Is there a tool or plugin that can do this? I have the values from the dialog box (X, Y, Z, Perspective), can I translate them to SVG transforms myself?
The text is meant to be dynamically changed with JavaScript.
More posts by @Bryan765
: Green numeral in Illustrator? Why do I get a numeral green in Illustrator when I write it as text?
1 Comments
Sorted by latest first Latest Oldest Best
I don't think that there is an easy way to do that. SVG transformations can be used, for more flat animations, like recreating some functions of material design, expanding elements, motion blur and such.
You might want to take a look at this. It is something that might be close to what you need, although the text still does not change perfectly with perspective.
Terms of Use Create Support ticket Your support tickets Stock Market News! © vmapp.org2024 All Rights reserved.