How do I scale a stubborn SVG embedded with the object tag?
None of the answers given here worked for me when I asked this back in 2009. As I now had the same issue again I noticed that using the <img>
tag and width together with an svg works fine.
<img width="400" src="image.svg">
How to Resize SVG to different sizes
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?
External SVG loaded with object tag not using defined clip paths
As Robert Longson stated, the clip-path element is "clipPath", not "clippath". SVG is case sensitive.
Related Topics
Hide HTML Horizontal But Not Vertical Scrollbar
How to Keep :Active CSS Style After Click a Button
Internet Explorer 11 Disable "Display Intranet Sites in Compatibility View" via Meta Tag Not Working
Why Would Margin Not Be Contained by Parent Element
CSS Transition - Eases in But Doesn't Ease Out
How to Resize an Image to Fit in the Browser Window
Turn Off Chrome/Safari Spell Checking by HTML/Css
CSS Only Animate Draw Circle with Border-Radius and Transparent Background
Min-Height Does Not Work with Body
How to Get a List of All Countries/Cities to Populate a Listbox
Form Inline Inside a Form Horizontal in Twitter Bootstrap
iOS 11 Safari Bootstrap Modal Text Area Outside of Cursor
Html/Css: Make a Div "Invisible" to Clicks
R Web Scraping Across Multiple Pages
HTML <Base> Tag and Local Folder Path with Internet Explorer
CSS Only Solution to Set Multiple "Same Height" Row Sections on a Responsive Grid