Categories:
Cloud (204)
Entertainment (11)
Facebook (43)
General (50)
Life (31)
Programming (64)
Technology (398)
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 a 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, 315🔥, 0💬
Popular Posts:
How to view the document.xml file with a Web browser? Since the document.xml file contains text cont...
Where does Mozilla Firefox 2 store download files? When you download files from Websites, Mozilla Fi...
How to create a new WeChat account with my Facebook account? Creating a new WeChat account with a Fa...
What port numbers are used for data connections in passive mode in FileZilla Server? Can I limit the...
Where to find answers to frequently asked questions on Facebook? I want to know how to know how to u...