Categories:
Cloud (204)
Entertainment (11)
Facebook (43)
General (50)
Life (31)
Programming (64)
Technology (430)
Testing (4)
Tools (488)
Twitter (5)
Wearable (26)
Web Design (44)
Collections:
Other Resources:
What Is the Default SVG Viewbox
What Is the Default SVG Viewbox?
✍: FYIcenter.com
The "viewBox" attribute in the "svg" element is optional.
If it is not specified, the default Viewbox will be the same
as the Viewport.
Here is an HTML document, viewbox-default.html, that has a SVG image with the default viewbox:
<html><body>
<div style="width: 400px; height: 300px; background-color: lightgrey;">
<svg xmlns="http://www.w3.org/2000/svg"
style="background-color: #ffffff"
width="300" height="200"
preserveAspectRatio="none">
<ellipse cx="0" cy="0" rx="75" ry="100"
stroke="blue" stroke-width="20" fill="none"/>
</svg>
</div>
</body></html>
When you open the above HTML file, viewbox-default.html, in a Web browser, you see a portion of the ellipse object inside the area from (0,0) to (300,200) in the Object Coordinate system being mapped to the Viewport:
Note that when using the default Viewbox, which is set to be same as the Viewport, only the lower right portion of graphical objects is displayed, because the Viewport always starts at (0,0), and extends in positive x and y directions.
⇒ What Is the Default SVG Viewport
⇐ Define SVG Viewbox-Viewport Mapping
2023-02-03, ∼1891🔥, 0💬
Popular Posts:
Should I sign in to Google account after installing Google Chrome 55? When you run Google Chrome 55 ...
Why I am getting an error message dialog box when I try to save my PowerPoint presentation with some...
Why am I getting the "Spawn Failed: Server at http://127.0.0.1:47353/u ser/fyicenter/didn't respond ...
How to join a team in Microsoft Teams? My manager told me we are using Microsoft Teams service. In o...
How to add comments on slides? I am reviewing someone else's presentation and I want to add some com...