Php 如何获得具有特定宽度和高度的矩形中的svg文本元素?

Php 如何获得具有特定宽度和高度的矩形中的svg文本元素?,php,svg,Php,Svg,我一直在尝试获得具有矩形形状的SVG,其中包含特定宽度和高度的文本元素 我有top和left的输出值,hello是top:22left:175 对于test,是top:195left:116,使用这些值如何获得所需的输出svg文件 若我给文本元素x和y零,它就不会从矩形的角开始 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="500" height="

我一直在尝试获得具有矩形形状的SVG,其中包含特定宽度和高度的文本元素

我有top和left的输出值,hello是top:22left:175 对于test,是top:195left:116,使用这些值如何获得所需的输出svg文件

若我给文本元素x和y零,它就不会从矩形的角开始

    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="500" height="500" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd" version="1.0">
        <rect style="fill:none;stroke:#373435;stroke-width:2.08346" width="500" height="500"></rect>
          <g id="0.8354780427180231" transform="translate(0 0 219 109)">
         <text fill="#000000" stroke="none" stroke-width="0" stroke-linecap="round" stroke-linejoin="round" x="219" y="109" text-anchor="middle" font-size="90.75" font-family="Twine" data-textcurve="0" data-itemzoom="1 1">        
      <tspan dy="0" x="49%">Hello</tspan>
    </text>
    </g>
    <g id="0.2922376764472574" transform="translate(0 0 207 109)">
     <text fill="#000000" stroke="none" stroke-width="0" stroke-linecap="round" stroke-linejoin="round" x="207" y="109" text-anchor="middle" font-size="90.75" font-family="Twine" data-textcurve="0" data-itemzoom="1 1"><tspan dy="0" x="49%">Tetst</tspan>
      </text>
        </g>

</svg>`

你好
泰斯特
`
SVG文件的预期输出应如下所示:

但是我的输出是这样的
你想在这里做什么

transform="translate(0 0 219 109)"
translate()
transform函数采用两个参数
x
y
,而不是四个

此外,您为
元素提供了
x
y
属性,并且您还提供了
x
dy
参数

正因为如此,我不确定你到底想要实现什么。如果您只是想在页面上定位这两段文字,那么您实际上只需要其中一种技术,而不是全部三种技术


你好
泰斯特

`
你想在这里做什么

transform="translate(0 0 219 109)"
translate()
transform函数采用两个参数
x
y
,而不是四个

此外,您为
元素提供了
x
y
属性,并且您还提供了
x
dy
参数

正因为如此,我不确定你到底想要实现什么。如果您只是想在页面上定位这两段文字,那么您实际上只需要其中一种技术,而不是全部三种技术


你好
泰斯特

`
请告诉我们您到目前为止尝试了什么以及任何相关研究。现在的问题太宽泛了,我尝试的是在php中用输出值动态创建svg。上面的代码是我创建的请告诉我们您到目前为止尝试了什么以及任何相关的研究。现在的问题太宽泛了,我尝试的是在php中用输出值动态创建svg。我已创建的上述代码如何将文本像图像一样放置在左侧请使用所需的输出文件检查
元素的
x
y
属性,设置位置。要将文本向左移动,请减少
x
属性。我将输出元素设置为top:22 left:175如何使用这些元素为文本
top
“left
设计,不要使用类似
的SVG元素。在这种情况下,您需要使用
x
y
。如何像图像一样将文本定位到左侧请使用所需的输出文件检查
元素的
x
y
属性,设置位置。要将文本向左移动,请减少
x
属性。我将输出元素设置为top:22 left:175如何使用这些元素为文本
top
“left
设计,不要使用类似
的SVG元素。在这种情况下,您需要使用
x
y