html - Resize SVG in DIV and don't preserve aspect ratio -


how resize svg image in div jquery ui ? want resize div , don't preserve aspect ratio of svg image in div.

jsfiddle example

html

   <div style="width: 100px; height:100px; border: 1px solid black;">       <svg style="width:100%; height:100%; " version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="340.156px" height="340.152px" viewbox="0 0 340.156 340.152" enable-background="new 0 0 340.156 340.152" xml:space="preserve">           <path fill="#2121ed" fill-opacity="1" stroke="#000000" stroke-width="1" stroke-opacity="0" class="path_vector_1" d="m340.156,170.078c0,93.926-76.146,170.074-170.077,170.074c76.146,340.152,0,264.004,0,170.078     c0,76.146,76.147,0,170.079,0c264.011,0,340.156,76.146,340.156,170.078z">           </path>       </svg>   </div> 

jquery

$('div').resizable(); 

add preserveaspectratio="none" <svg> element e.g.

<svg style="width:100%; height:100%; " version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="340.156px" height="340.152px" viewbox="0 0 340.156 340.152" preserveaspectratio="none" enable-background="new 0 0 340.156 340.152" xml:space="preserve"> 

Comments

Popular posts from this blog

toolbar - How to add link to user registration inside toobar in admin joomla 3 custom component -

linux - disk space limitation when creating war file -