Reactjs 如何在呈现文本元素之前设置文本字体?
我无法将文本元素放置在特定位置。根据问题,在添加文本元素后更改字体会使定位更加困难 在我看来,如果我能在调用Reactjs 如何在呈现文本元素之前设置文本字体?,reactjs,svg.js,Reactjs,Svg.js,我无法将文本元素放置在特定位置。根据问题,在添加文本元素后更改字体会使定位更加困难 在我看来,如果我能在调用draw.text()之前设置字体,那么定位就正确了 我可以这样做吗?怎么做 提前谢谢 更新:我在创建代码沙盒以改进我的问题时意识到了一些奇怪的东西。请查看: 我创建了一个与图像一样大的矩形,在每一条边上创建了一个小20px的矩形,并将其放置在另一条边上,一个文本元素向下移动了20px 它应该与内部的rect对齐。然而,通过检查它,可以看到它向下移动了不到20px。奇怪的是,当move的
draw.text()
之前设置字体,那么定位就正确了
我可以这样做吗?怎么做
提前谢谢
更新:我在创建代码沙盒以改进我的问题时意识到了一些奇怪的东西。请查看:
我创建了一个与图像一样大的矩形,在每一条边上创建了一个小20px的矩形,并将其放置在另一条边上,一个文本元素向下移动了20px
它应该与内部的rect
对齐。然而,通过检查它,可以看到它向下移动了不到20px。奇怪的是,当move
的x
参数改变时,它会垂直移动并捕捉到正确的位置!但是,重新加载预览时,y
位置会恢复到错误的位置
尽管如此,它还是给了我一个想法……我找到了一个解决办法,但我不确定它是否可靠
draw.text('Hello, World!')
.font({ family: 'font-print', size: 20 })
.move(0, 0).dy(20).dx(60);
它在我共享的CodeSandBox中不起作用,但在我正在进行的实际项目中起作用。至少现在是这样