jQuery Forum

I am loading an Image in jQuery SVG.

Here is the code that I am using to add Image object to SVG canvas:

1. var svg = $('#svgphone').svg('get');
   
2. var img = svg.image(0, 0, 330, 450, 'images/img1.jpg', {id: 'img'});
   svg.title(img, 'img1');

Here I have to give location and size of object that I am loading. But before I give the size I want to resize the object so that it fits within the container while maintaining it its proportions.

Here is the HTML part:

1. <div id="svgphone" style="width:330px; height:540px"></div>