The view element for SVG specifies a view.
<!doctype html>
<html>
<body>
<img alt="mysvg" src="mysvg.svg#myid">
</body>
</html> Specifies whether or not to force uniform scaling.
Specifies a rectangle in user space.
A list of four numbers: min-x , min-y , width , and height that should be mapped to the bounds of the SVG viewport established by the given element, taking into account the preserveAspectRatio attribute. The presence of the viewBox attribute results in a transformation being applied to the viewport coordinate system.
[ <min-x>,? <min-y>,? <width>,? <height> ]
<svg xmlns="http://www.w3.org/2000/svg">
<circle cx="50" cy="50" r="50"/>
<view id="myid1" preserveAspectRatio="xMinYMin slice" viewBox="0 0 100 100"/>
<view id="myid2" preserveAspectRatio="xMidYMid slice" viewBox="0 0 100 100"/>
<view id="myid3" preserveAspectRatio="xMaxYMax slice" viewBox="0 0 100 100"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg">
<circle cx="50" cy="50" r="50"/>
<view id="myid1" viewBox="0 0 100 100"/>
<view id="myid2" viewBox="0 0 100 50"/>
<view id="myid3" viewBox="0 0 100 200"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg">
<circle cx="50" cy="50" r="50"/>
<view id="myid1" viewBox="0 0 100 100"/>
<view id="myid2" viewBox="-50 0 100 100"/>
<view id="myid3" viewBox="50 0 100 100"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg">
<circle cx="50" cy="50" r="50"/>
<view id="myid1" viewBox="0 0 100 100"/>
<view id="myid2" viewBox="0 -50 100 100"/>
<view id="myid3" viewBox="0 50 100 100"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg">
<circle cx="50" cy="50" r="50"/>
<view id="myid1" viewBox="0 0 100 100"/>
<view id="myid2" viewBox="0 0 50 100"/>
<view id="myid3" viewBox="0 0 200 100"/>
</svg>