d3.js 使用Google字体时SVG不正确的文本BBox计算

x4shl7ld  于 2022-11-12  发布在  Go
关注(0)|答案(1)|浏览(112)

我试图基于先前创建的textBBox动态生成一行。但是,该行的位置不准确。我希望代码将该行放置在文本的开头,离text不远。
我不确定这里出了什么问题。BBox返回svg元素周围尽可能小的矩形,但为什么基于相同的BBox维度时,这行被放置得很远呢?
第一个

t98cgbkg

t98cgbkg1#

@enxaneta谢谢你的提示。以下改编自this answer的文章在chrome/firefox/brave/edge中完美地工作。

BBox计算被 Package 在下面的promise document.fonts.ready.then(()=>)中,并且字体现在有下面的声明

<link rel="preconnect" href="https://fonts.gstatic.com/" />
<link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin />
<link href='https://fonts.googleapis.com/css2?family=Oswald:wght@200&display=block' rel='stylesheet' type='text/css'>

第一个

相关问题