如何在附加文本之前找到SVG文本位置

时间:2015-02-12 12:28:44

标签: javascript jquery html svg

这是我的代码,

<html>
   <body>
      <svg id="text" height="400" width="400">
         <text transform="rotate(127,128,64)" opacity="1" text-anchor="start" font-weight="regular" font-style="Normal" font-family="Segoe UI" font-size="12px" fill="#191919" y="68.25" x="128" id="caption">Revenue </text>
      </div>
  </body>
</html)

文字(收入)开始&#39; x&#39;位置是128.如何找到&#39; x&#39;在使用jquery附加文本之前,文本(Revenue)的最后一个char(e)的位置。  需要真正的计算。因为学位的轮换是可以改变的。

追加后可以使用如下,

var pos = document.getElementById("text").getStartPositionOfChar(6);
var matrix = document.getElementById("text").transform.animVal.getItem(0).matrix;
var position = pos.matrixTransform(matrix);
alert(position.x + ", " + position.y);

但是,在附加文本之前我需要相同的输出。

0 个答案:

没有答案