如何旋转svg< tspan>元素？ [英] How can I rotate svg <tspan> element ?

问题描述

如何旋转svg< tspan>元素到垂直模式？

我想旋转垂直模式两个

How can I rotate svg <tspan> element to vertical mode?
I want to rotate vertical mode two

<tspan>

<text>

元素。



我的样本 -

element.

my sample -

<svg xmlns="http://www.w3.org/2000/svg"

     xmlns:xlink="http://www.w3.org/1999/xlink">
    <text y="10">
        <tspan x="10">Vertical Text (up 2 down mode)</tspan>
        <tspan x="20">Vertical Text (down 2 up mode)</tspan>
    </text>
</svg>

SVG设计样本图片



谢谢，

MinChanSike

Sample Image for SVG Design

Thank you,
MinChanSike

推荐答案

SVG元素有一个transform属性，这个属性可以用来旋转元素...

< a href =https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/transform> https://developer.mozilla.org/en-US/d ocs / Web / SVG / Attribute / transform [ ^ ]

SVG elements have a transform attribute, this attribute can be used to rotate the element...
https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/transform[^]

这篇关于如何旋转svg&lt; tspan&gt;元素？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！