_{Snap.svg demo之}Element.getBBox()

Element.getBBox()

返回给定元素的边界框描述。

返回值

对象。返回元素的边界框描述：

1. {
   1. cx:数值。中心点x位置。
   2. cy:数值。中心点y位置。
   3. h:数值。高度。
   4. height:数值。高度。
   5. path:字符串。盒子的路径命令。
   6. r0:数值。完全封闭盒子圆半径。
   7. r1:数值。能闭合的最小圆半径。
   8. r2:数值。能闭合的最大圆半径。
   9. vb:字符串。作为视窗盒子的命令。
   10. w:数值。宽度。
   11. width:数值。宽度。
   12. x2:数值。右侧的x位置值。
   13. x:数值。左侧的x位置值。
   14. y2:数值。底边缘的y位置值。
   15. y:数值。上边缘的y位置值。
2. }

使用

<svg id="svg" width="100" height="100"></svg>

var svg = Snap("#svg");
var c = svg.paper.rect(50, 30, 120, 80, 15);
console.dir(c.getBBox());    // 结果见后面的截图

效果

下面这个圆角矩形的边界框描述是？

输出的值

数值大的惊人，我表示看不懂，这个回头弄明白了再过来补充说明下。