SVGをマウスのドラッグでリサイズ、回転できるライブラリ

Question

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xl="http://www.w3.org/1999/xlink" width="306" height="436.5" id="TEST">
 <image xlink:href="./img/sample01.jpg" x="10" y="10"  id='pic1'/>
 <circle cx="200" cy="200" r="100" fill="red" stroke="blue" />
</svg>

上記のコードの<image>、<circle>をクリックしてバウンディングボックスを表示させてマウスでリサイズ、回転できるライブラリをご存じの方がいたら教えて欲しいです。
イメージは、http://fabricjs.comの操作UIです。

ライブラリでなく実装の手助けとなる情報でもありがたいです。