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 am trying to display a text in Vertical manner from bottom to top way. I am using text element to render the text in SVG1.1.
One way is to use transform and rotate the text is there any better way to do that because I even tried doing writing-mode: tb or bt but in case of tb it is rendering properly from top to bottom but in case of bt it is not doing the same.
There is no bottom-to-top text rendering in SVG 1.1 or in CSS3 Writing Modes, a reason why is cited in the abstract of CSS3 Writing modes.
As you suggested already the way to do this right now is with transforms. You may also use the glyph-orientation-* properties or the
rotateattribute.Note that I’m not sure how well the glyph-orientation properties are supported across browsers at this stage, and they’re essentially being deprecated in CSS3 writing modes (replaced by new keywords/properties).