You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

SVG.js v3文本定位未定义行为问题咨询

关于SVG.js v3文本对象定位的两类异常问题咨询

第一类案例:文本Y轴固定偏移问题

尝试将矩形定位在(50,30),文本定位在(0,30),代码如下:

var draw = SVG().addTo('#app')

var rect = draw.rect(10, 10)
rect.move(50, 30)

var text = draw.text("Text")
text.move(0, 30)

预期矩形与文本Y坐标均为30,处于同一水平,但文本对象存在固定+15的偏移。

第二类案例:文本坐标累加且偏移消失问题

在Vue项目的mounted()钩子中恢复系统状态时,代码如下:

mounted()
{
    let svg = SVG()
      .size(10000, 10000)
      .addTo('#flowchart-svg')

    let text =svg.text("H")
    text.move(100, 100)
    text.move(100, 100)

    let rect = svg.rect(10, 10)
    rect.move(100, 100)
    rect.move(100, 100)
}

发现文本的坐标被累加,且Y轴的+15固定偏移消失,预期矩形与文本Y坐标均为100。

已尝试使用.plain()替代.text()但无效,希望得到问题解释,或确认是否为SVG.js库的bug。

内容的提问来源于stack exchange,提问作者Lamens

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.04 15:59:57