html как сделать рамку вокруг svg
 

Всем привет!
html как сделать рамку вокруг svg, чтобы за нее можно было изменять svg, ну вот как рамка, за которую можно изменять div. Желательно чтоб так выглядела:

о----о----о
| |
| |
о о
| |
| |
о----о----о

Только квадратики вместо кругов.

Еще вопрос. Нужно чтобы можно было svg рисунок зеркально отображать по горизонтали и вертикали, по нажатии на кнопку.

Всем привет!
html как сделать рамку вокруг svg, чтобы за нее можно было изменять svg, ну вот как рамка, за которую можно изменять div. Желательно чтоб так выглядела:

о----о----о
| |
| |
о о
| |
| |
о----о----о

Только квадратики вместо кругов.

Еще вопрос. Нужно чтобы можно было svg рисунок зеркально отображать по горизонтали и вертикали, по нажатии на кнопку.

П О Я С Н Е Н И Е.
На рисунке правая линия встает справа в прямоугольнике. Сайт пробелы удалил, поэтому съехало все.

Эта библиотека http://fabricjs.com/ может подойдет