SVG:如何定位旋转文本的边界框
我必须构建一个包含一些旋转文本元素的 SVG 图像。我想实现以下目标:
- 每个文本元素应围绕其中心点旋转
a
度。 - 旋转文本的结果(假想)边界框应进行平移,以便其左上角位于位置
x,y
处。 - 我们事先不知道文本元素的内容,即宽度。
最好的方法是什么?
(我对 SVG 有基本的了解,我可以自己查找规范。所以我了解 transform
和 rotate()
, translate( )
...但是,我在这个具体案例中遇到了困难。)
I have to build a SVG image containing some rotated text elements. I want to achieve the following:
- Each text element shall be rotated around its center point by
a
degree. - The resulting (imaginary) bounding box of the rotated text shall be translated, so that it's upper left is at position
x,y
. - We don't know the content, i.e., the width, of the text elements beforehand.
What is the best way to do that?
(I have a basic understanding of SVG and I am able to look up the spec on my own. So I know about transform
and rotate()
, translate()
... However, I struggle with this specific case.)
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论