SVG:如何定位旋转文本的边界框

发布于 2024-09-18 23:48:49 字数 340 浏览 4 评论 0原文

我必须构建一个包含一些旋转文本元素的 SVG 图像。我想实现以下目标:

  • 每个文本元素应围绕其中心点旋转 a 度。
  • 旋转文本的结果(假想)边界框应进行平移,以便其左上角位于位置 x,y 处。
  • 我们事先不知道文本元素的内容,即宽度。

最好的方法是什么?

(我对 SVG 有基本的了解,我可以自己查找规范。所以我了解 transformrotate(), 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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文