What Is Viewbox In Svg

Search any wallpaper on popular images.

What Is Viewbox In Svg. Its value is a list of four numbers separated by whitespace or commas. The width is the width in user coordinatespx units within the SVG code that should be scaled to fill the width of the area into which youre drawing your SVG the view port in SVG lingo.

Much More Than A Static Icon Set Iconic Is A New Way Of Thinking About Icons Their Structure Aesthetic And Abilities Icon Icon Set Color Themes
Much More Than A Static Icon Set Iconic Is A New Way Of Thinking About Icons Their Structure Aesthetic And Abilities Icon Icon Set Color Themes from www.pinterest.com

Control the viewBox by adding the attribute viewBox to the svg element. Min-x min-y width and height. The numbers separated by whitespace andor a comma which specify a rectangle in user space which is mapped to the bounds of the viewport established for the associated SVG element not the browser viewport.

Your viewbox says that your ruler will have 1500 units to match the 200 pixel size width of the svg.

Control the viewBox by adding the attribute viewBox to the svg element. The thing thats being moved is your viewBox as a mask if you will on top of your SVG viewport. The viewBox is similar to the viewport but you can also use it to pan and zoom like a telescope. It can also be used on the elements symbol marker pattern and view.