HTML5 SVG Viewbox

Summary -

In this topic, we described about the SVG Viewbox with detailed example.

<svg> with <viewbox> can be applied to redefine the organizes within SVG.

Example -

Below example describes about how to redefine and organizes within SVG.

<!DOCTYPE html>
<html>
  	<head>
    	<title>SVG Viewbox</title>
  	</head>  
  	<body>
    	<svg viewBox="10 10 78 58" height="300" width="400">
      		<rect x="5" y="6" width="50" height="20" fill="orange" />
    	</svg>
  	</body>
</html>

Output -