Categories:
Cloud (204)
Entertainment (11)
Facebook (43)
General (50)
Life (31)
Programming (64)
Technology (465)
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, ∼1957🔥, 0💬
Popular Posts:
How to insert a dynamic field code manually in Microsoft Word? I know how the field code works. If y...
What are those search options provided on Library Genesis? Library Genesis provides 3 types of searc...
What is Web Companion that bundled FileZilla Client? Why Web Companion gets installed on my computer...
How to use my iPhone and iPad to set up and manage Chromecast device on my TV? I have a Chromecast d...
How to Install SAS® University Edition? Installing SAS® University Edition is also very simple as sh...