BBox

by Wout

HTML

<script src="https://cdn.rawgit.com/svgdotjs/svg.js/master/dist/svg.min.js"></script>
<div id="drawing"></div>

CSS

rect {
  fill: #f06;
}

.box {
  fill: none;
  strokeWidth: 1;
  stroke: green;
}

JavaScript

var draw = SVG('drawing').size(300,300)

// draw transformed rect
var rect = draw.rect(175,175).move(75,75).rotate(20).scale(1, 0.5)

// draw bbox
var b = rect.bbox()
draw.rect(b.width, b.height).addClass('box').move(b.x, b.y)