gpt4 book ai didi

text - 在渲染之前获取 SVG 中的文本宽度

转载 作者:行者123 更新时间:2023-12-04 15:44:57 24 4
gpt4 key购买 nike

我想在 SVG 中的文本周围放置一个矩形。
我知道文本的高度(font-size 元素的 text 属性)。但宽度取决于实际内容。使用 getBBox()getComputedTextLength()应该管用。但这仅在渲染后有效。

有没有办法以其他方式指定?例如定义 xwidth相对于其他值的属性?我在 SVG 规范中没有找到类似的东西。

最佳答案

确定文本结束的位置可能需要与渲染本身实现的基本代码路径大致相同 - 根据字体和样式等遍历每个字符的宽度......因为我不知道 SVG 标准定义了一种直接获取的方法这些信息没有进行实际的完整渲染,直到出现此类方法或被其他人报告,该方法应该是在进行实际渲染之前不可见地渲染。

您可以在隐藏层(z-index、不透明度和其他东西)或可见视口(viewport)之外执行此操作,以在实验中效果最佳者为准。您只需要让浏览器进行渲染即可找出答案,因此您为此隐身渲染,然后使用 getComputedTextLength()

关于text - 在渲染之前获取 SVG 中的文本宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19248686/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com