How to Resize SVG to different sizes

jquery jquery-plugins svg jquery-svg
Tanveer picture Tanveer · Aug 6, 2012 · Viewed 8.6k times · Source

I am using Jquery SVG plugin in my project. I want to resize my svg to different sizes I have written following code to load svg in smaller size

 $('#svgbasics').svg({
            loadURL: 'lion.svg', // External document to load 
            onLoad: null, // Callback once loaded 
            settings: {width: '100px'}, // Additional settings for SVG element 
            initPath: ''
        })

but it always open image in 100% size, Anyone please help me how can i show SVG in different sizes

Answer

Tanveer picture Tanveer · Aug 9, 2012

after searching for days i find out following things

if you want to resize your svg then we have to resize viewbox of svg, setting width will only resize outer display area

we can resize svg by simply displaying it in image tag and resize it according to requirement i.e.

<img width="200px" src="lion.svg"></img>

i found answer in following post

How do I scale a stubborn SVG embedded with the <object> tag?

Related questions

What's the easiest way to call a function every 5 seconds in jQuery?

JQuery, how to call a function every 5 seconds. I'm looking for a way to automate the changing of images in a slideshow. I'd rather not install any other 3rd party plugins if possible.

Read More
How to disable mouse scroll wheel scaling with Google Maps API

I am using Google Maps API (v3) to draw a few maps on a page. One thing I'd like to do is disable zooming when you scroll the mouse wheel over the map, but I'm unsure how. I have disabled …

Read More
Change Placeholder Text using jQuery

I am using a jQuery placeholder plugin(https://github.com/danielstocks/jQuery-Placeholder). I need to change the placeholder text with the change in dropdown menu. But it is not changing. Here is the code: $(function () { $('input[placeholder], textarea[placeholder]').…

Read More