gpt4 book ai didi

javascript - 如何操作 svg 外来对象 html 文本换行和定位?

转载 作者:搜寻专家 更新时间:2023-11-01 05:22:47 28 4
gpt4 key购买 nike

<分区>

所以我正在制作一个相框设计师。有了网站而不是 fiddle ,因为它要容易得多。 Here it is.

基本上,在文本输入时,它会将文本打印到使用嵌入式异物标签的 SVG 框架,这样我就可以访问它的自动文本换行。问题来自文本的定位。当单词在两行时,定位是正确的。然而,在单行上,文本太高了。我需要它位于照片插槽和框架底部之间的中心。这可以通过调整异物的“y”值轻松完成。然而,这会导致两行文本两低并错位。我不知道如何解决这个问题。也许是 jQuery 或 javascript?谢谢。

代码:

<foreignObject x="78" y="460" width="1100" height="220" style="color:white;text-align:center">
<body xmlns="http://www.w3.org/1999/xhtml">
<p id="text">Your words here</p>
</body>
</foreignObject>

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