Resize Svg Image Using Jquery
<p>I am working on a PHP script which contains a page that has SVG inside it. What I want to do is to use the Jquery Resize feature. I have tried this on a div and it's working fine but when I want to use it to resize the image inside the SVG it doesn't work.
Here is the code:</p>


doiud


<pre><code>&lt;svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" version="1.1" width="800" height="420" id="svg"&gt;
&lt;image height="120" width="120" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="http://designpieces.com/wp-content/uploads/2013/04/chrome.png" &gt;&lt;/image&gt;&lt;/svg&gt;
</code></pre>

<p>The Jquery Code : </p>

<pre><code>$('.resize').resizable({
    ghost: true
            });
            $('image').resizable({
    ghost: true
            });
</code></pre>

<p><a href="http://jsfiddle.net/nCAkM/39/" rel="nofollow">http://jsfiddle.net/nCAkM/39/</a></p>