Как я могу масштабировать элементы Raphael js при изменении размера окна с помощью jquery

Как я могу изменить масштаб всего элемента внутри холста Raphael при смене окна?

учитывая следующий код / ​​DEMOесли я изменяю размер моего окна, масштабируется только контейнер div, так как я установил его ширину на 50% ширины окна и ни один из ( прямоугольник, кругили путь) изменить

КОД

​
 #container{border : 1px solid black ;
               width : 50% ;
               height:300px}​
var con = $("#container");
var paper = Raphael(con.attr('id'), con.attr('width'), con.attr('height'));
var win = paper.rect(0,0,400,300).attr({stroke: 'black' }) ; 
var path = paper.path("M 200 100 l 100 0 z") ; 
var cir = paper.circle(50, 50, 40);

​