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 Are SVG Coordinate Systems
What Are SVG Coordinate Systems?
✍: FYIcenter.com
There are two coordinate systems involved
when rendering a graphical object on the SVG canvas:
1. The Canvas Coordinate System - It is a 2-dimensional space used in a "svg" element to define the size of the drawing canvas where all child graphical objects will be rendered.
For example, the following "svg" element defines the drawing canvas with a size of (300, 200) pixels. The background of the canvas will be filled in white color.
<svg xmlns="http://www.w3.org/2000/svg" style="background-color: #ffffff" width="300" height="200"> ... </svg>
2. The Object Coordinate System - It is also a 2-dimensional space used in a graphical object element like "line", "rect", "circle", etc. to define the shape of the object.
For example, the following "ellipse" element defines an ellipse object in the Object Coordinate System with the center point at (0,0), the short radius of 75, the long radius of 100.
<ellipse cx="0" cy="0" rx="75" ry="100" stroke="blue" stroke-width="20" fill="none"/>
⇒ What Is SVG Viewbox-Viewport Mapping
⇐ SVG Coordinates, Size and Viewport
2023-08-17, 772🔥, 0💬
Popular Posts:
What port numbers are used for data connections in passive mode in FileZilla Server? Can I limit the...
What are different versions of Microsoft PowerPoint? As of 2016, Microsoft PowerPoint has been relea...
How to download publication files from libgen.rs? libgen.rs or gen.lib.rus.ec is the most robust Web...
Where to find answers to frequently asked questions about Adobe Flash Player? I want to understand m...
How to find all section breaks in a Microsoft Word document? I want to review them. Section breaks i...