使用svg.js更改svg文本的垂直位置

Question

我已經閱讀了文檔，但不知道如何實現。 dy沒有變化。

/**
 * Draws text
 * 
 * @param {String} $text        Text
 * @param {int} $x              Starting point X coordinate
 * @param {int} $y              Starting point Y coordinate
 * @param {Object} $font        Font properties
 * @returns {text}              SVG JS text object
 */
drawText = function($text, $x, $y, $font) {
    $svgText = $svg.text(($text !== undefined && $text !== null) ? $text : '-').attr({x: $x, y: $y}).font($font);
    return $svgText.tspan.dy('0.9em');
};

提前謝謝

Answer 1

我認為您的問題出在這里：

return $svgText.tspan.dy('0.9em');

在文本元素上， tspan是一種方法，而不是引用： http : //documentup.com/wout/svg.js#text/tspan

更新：

tspan()方法不返回文本元素中已經存在的tspan，而是創建一個新的tspan。 您正在尋找的是lines參考。 行將所有tspan保留在text元素內。 因為lines是SVG.Set的實例， SVG.Set可以直接在其上調用dy方法：

text.lines.dy(0.9)

如果要更改第一個元素的dy ，可以使用each方法：

text.lines.each(function(i) {
  if (i == 0)
    this.dy(0.9)
})

請注意， leading方法在這里也可能有用： http : //documentup.com/wout/svg.js#text/leading