5

私は読みたい：

  • width、、、測定height_ x_y

特定のSVG要素に対して。

これを実行する最も簡単な方法は、最初に最小バウンディングボックスをフェッチし、そのプロパティを読み取ることだと思います。

どうすればこれにアクセスできますか？

4

4 に答える 4

8

DOMノードへの参照がある場合は、

svgNode.getBoundingClientRect()

https://developer.mozilla.org/en-US/docs/DOM/element.getBoundingClientRect

編集：SVG Editには、現在選択されている要素を返すメソッドがあります。

svgCanvas.getSelectedElems()

したがって、上記の例では：

svgNode = svgCanvas.getSelectedElems()[0];
svgNode.getBoundingClientRect();
于 2013-02-18T11:02:08.233 に答える
3

例と回答については、 http： //granite.sru.edu/~ddailey/svg/BBox0M.svgを参照してください。

簡単に言うと、このコードはChromeで機能します。

<script>
function foo(evt)
{
    console.log(evt.target.getBBox());      
}
</script>

<svg>
    <circle onclick="foo(evt)" r="20%" cx="50%" cy="50%"/>
</svg>
于 2014-03-21T09:56:12.943 に答える
1

あなたが要素へのハンドルを持っていると仮定すると、これはうまくいくと思いますよね？

box = svgedit.utilities.getBBox(selected);
于 2013-02-18T04:59:43.953 に答える
0

あなたを正しく理解しているかどうかはわかりませんが、jQuery要素の高さまたは幅を取得したい場合は、width（）とheight（）を使用してください。

log("The svg is " + $("img").width() + "px wide.");
log("The svg is " + $("img").height() + "px tall.");

JSFiddleの例：http ：//jsfiddle.net/gGWU4/

于 2013-02-17T21:24:02.257 に答える