1

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以外のアイデアはありますか?

4

1 に答える 1

6

RaphaelJS には、パスの境界ボックスを決定するためのユーティリティ メソッドがあります - http://raphaeljs.com/reference.html#Raphael.pathBBox

var dims = Raphael.pathBBox(pathString);
var getw = dims.width;
var geth = dims.height;
于 2013-02-19T03:59:55.727 に答える