Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/21.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 如何在呈现文本元素之前设置文本字体?_Reactjs_Svg.js - Fatal编程技术网

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中不起作用,但在我正在进行的实际项目中起作用。至少现在是这样