javascript - 在不使用边界框的情况下获取 svg 路径的尺寸

Question

有没有办法获取 svg 路径的尺寸并将其显示在 div 中？边界框不是一个选项，因为当涉及到贝塞尔曲线时，它在 Webkit 中是错误的。我正在修改 svg-edit 顺便说一句：https ://code.google.com/p/svg-edit/

这是我目前使用的。

    <script>
    var myVar=setInterval(function(){getDimensions()},10);

    function getDimensions() 

    {

  svgNode = svgCanvas.getSelectedElems()[0];


var getw = svgNode.getBoundingClientRect().width;
var geth = svgNode.getBoundingClientRect().height;
getw= parseInt(getw);
geth= parseInt(geth);
 document.getElementById('heightbox').innerHTML = geth;
 document.getElementById('widthbox').innerHTML = getw;



}

    </script>

不幸的是，边界框是不可靠的。除了bbox还有什么想法吗？

Answer 1

RaphaelJS 有一个用于确定路径边界框的实用方法 - http://raphaeljs.com/reference.html#Raphael.pathBBox

var dims = Raphael.pathBBox(pathString);
var getw = dims.width;
var geth = dims.height;