Svg 如何按中心对齐tspan元素集？
我在谷歌上搜索了很多方法来调整tspan的中心位置，但我还需要一些其他的东西。我需要按中心对齐tspan元素集，并且每个元素都应按左侧与其他元素对齐 在下面的图片上，你可以看到我想要达到的目标。Svg 如何按中心对齐tspan元素集？,svg,alignment,tspan,Svg,Alignment,Tspan,我在谷歌上搜索了很多方法来调整tspan的中心位置，但我还需要一些其他的东西。我需要按中心对齐tspan元素集，并且每个元素都应按左侧与其他元素对齐 在下面的图片上，你可以看到我想要达到的目标。 我试图再添加一个tspan元素作为另一个元素的包装，并将其设置为文本锚点：middle，但它不起作用。为此，我将使用JavaScript将第一个tspan元素的偏移量计算为两个tspan元素之间长度差的一半 让tspans=document.querySelectorAlltspan； let of
我试图再添加一个tspan元素作为另一个元素的包装，并将其设置为文本锚点：middle，但它不起作用。为此，我将使用JavaScript将第一个tspan元素的偏移量计算为两个tspan元素之间长度差的一半 让tspans=document.querySelectorAlltspan； let offset=tspans[1]。getComputedTextLength-tspans[0]。getComputedTextLength/2 tspans[0]。SetAttributesNull，dx，-偏移量 svg{ 边框：纯色1px蓝色； 字体系列：monospace； } 第一个标签第二个长标签
我的目标是将一组不同的tspan按中心对齐。我感谢@enxaneta的帮助。当我遇到一些有趣的子缺陷时，我发布了自己的答案。最后一排tspan没有左对齐。我看到了3或5像素的空间。这是由XML空间引起的。您需要删除tspan元素之间的空格以解决此问题 让tspans=document.querySelectorAlltspan； 设indexOfLongestRow=0； forlet i=0；i