Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/39.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
Javascript SVG中文本的动态定位_Javascript_Css_Html_Svg - Fatal编程技术网

Javascript SVG中文本的动态定位

Javascript SVG中文本的动态定位,javascript,css,html,svg,Javascript,Css,Html,Svg,我想知道是否有一种方法可以动态计算SVG中文本的位置 问题我有两种量表-仅初级1和中级1+ 主比例在图中位于最左侧 二级刻度应位于上一级或二级刻度的旁边 次刻度只有两个值Min和Max,所以相对于主刻度的顶部和底部,它们应该是可见的。 我知道,这可以通过提供SVG文本的硬编码X和Y坐标来实现,但是否可以通过操纵CSS来实现,例如使用位置、显示或浮点属性 2. 4. 6. 100 200 40 160 如果要对齐上面示例中的数字40和160,请使用text align=right并从每个单元格的

我想知道是否有一种方法可以动态计算SVG中文本的位置

问题我有两种量表-仅初级1和中级1+

主比例在图中位于最左侧 二级刻度应位于上一级或二级刻度的旁边 次刻度只有两个值Min和Max,所以相对于主刻度的顶部和底部,它们应该是可见的。 我知道,这可以通过提供SVG文本的硬编码X和Y坐标来实现,但是否可以通过操纵CSS来实现,例如使用位置、显示或浮点属性

2. 4. 6. 100 200 40 160
如果要对齐上面示例中的数字40和160,请使用text align=right并从每个单元格的右列开始测量

对于javascript编码,使用getBBox获得边界框,并从中调整SVG文本x和y值,假设您没有正确使用文本对齐


CSS操作在这里并不实用,因为您可能需要为每个单元格使用CSS。

从您的问题中不清楚您在问什么。你到底是如何定位你的文本的?关于初级和次级音阶的内容令人困惑。至少对我来说。