1.7.1. SVG Ellipse- ¶ Example 1 ¶
Element is used to create an ellipse: An ellipse is very similar to a circle. The difference is that the ellipse has different x and y radii, while the x and y radii of the circle are the same:
Here is the SVG code:
Example
<svgxmlns="http://www.w3.org/2000/svg"version="1.1"><ellipsecx="300"cy="80"rx="100"ry="50"style="fill:yellow;stroke:purple;stroke-width:2"/>svg>
For Opera users: view the SVG file (right-click the SVG drawing preview source).
Code parsing:
-
The x coordinate of the center of the ellipse defined by the CX property
-
The y coordinate of the center of the ellipse defined by the CY property
-
Horizontal radius defined by the RX attribute
-
The vertical radius defined by the RY attribute
Example 2 ¶
The following example creates three superimposed ellipses:
Here is the SVG code:
Example
<svgxmlns="http://www.w3.org/2000/svg"version="1.1"><ellipsecx="240"cy="100"rx="220"ry="30"style="fill:purple"/><ellipsecx="220"cy="70"rx="190"ry="20"style="fill:lime"/><ellipsecx="210"cy="45"rx="170"ry="15"style="fill:yellow"/>svg>
For Opera users: view the SVG file (right-click the SVG drawing preview source).
Example 3 ¶
The following example combines two ellipses (one yellow and one white):
Here is the SVG code:
Example
<svgxmlns="http://www.w3.org/2000/svg"version="1.1"><ellipsecx="240"cy="50"rx="220"ry="30"style="fill:yellow"/><ellipsecx="220"cy="50"rx="190"ry="20"style="fill:white"/>svg>
For Opera users: view the SVG file (right-click the SVG drawing preview source).
-
1. Geographical Information Systems in the World Wide Web Era
4
-
2. Basic technology of WebGIS
4
-
3. Geographic Web Services
5
-
4. aggregation of geographical information
4
-
5. mobile GIS
5
-
6. Geographic information portal
3
-
7. New generation national spatial data infrastructure and GIS
4
-
8. Application of WebGIS in E-Commerce
3
-
9. Application of WebGIS in E-government
3
-
10. Hotspots and frontiers of WebGIS
2
-
1. Angularjs2
8
-
1. SVG tutorial
19
-
1. Memcached
20
-
1. C# tutorial
61
-
1. Sqlite
47
-
2. Go
43
-
2. Docker
59
-
2. Vue3
19
-
2. Servlet
21
-
3. React
23
-
3. SOAP tutorial
10
-
3. Android
18
-
3. Mongodb
44
-
3. Kotlin
18
-
4. Lua
31
-
4. MySQL tutorial
34
-
4. Appml
12
-
5. Perl
45
-
5. Postgresql
41
-
web
15
-
5. Web Services tutorial
6
-
6. Ruby
41
-
6. Design-pattern
35
-
7. Django
18
-
7. Rust
22
-
6. WSDL tutorial
8
-
8. Foundation
39
-
9. Ios
43
-
8. Css3
26
-
9. Swift
43
-
11. HTML tutorial-(HTML5 Standard)
54
-
12. Http
6
-
13. Regex
6
-
14. Regexp
7
Principles, Technologies, and Methods of Geographic Information Systems
102
In recent years, Geographic Information Systems (GIS) have undergone rapid development in both theoretical and practical dimensions. GIS has been widely applied for modeling and decision-making support across various fields such as urban management, regional planning, and environmental remediation, establishing geographic information as a vital component of the information era. The introduction of the “Digital Earth” concept has further accelerated the advancement of GIS, which serves as its technical foundation. Concurrently, scholars have been dedicated to theoretical research in areas like spatial cognition, spatial data uncertainty, and the formalization of spatial relationships. This reflects the dual nature of GIS as both an applied technology and an academic discipline, with the two aspects forming a mutually reinforcing cycle of progress.
-
1. Introduction to Geographic Information Systems
6
-
2. From the Real World to the Bit World
3
-
3. Spatial Data Model
7
-
4. Spatial Reference Systems and Map Projections
5
-
5. Data in GIS
4
-
6. Spatial data acquisition
2
-
7. Spatial Data Management
6
-
8. Spatial analysis
8
-
9. Digital Terrain Model (DTM) and Terrain Analysis
5
-
10. Spatial modeling and spatial decision support
6
-
11. Spatial data representation and map making
6
-
12. 3S Integration Technology
5
-
13. Network Geographic Information System
4
-
14. Examples of Geographic Information System Application
8
-
15. Organization and Management of Geographic Information System Application Projects
10
-
16. Geographic Information system Software Engineering Technology
7
-
17. Geographic Information System Standards
3
-
18. Geographic Information System and Society
3
-
19. Earth Information Science and Digital Earth
4
Example 1 ¶
An ellipse is very similar to a circle. The difference is that the ellipse has different x and y radii, while the x and y radii of the circle are the same: Here is the SVG code: Example For Opera users: view the SVG file (right-click the SVG drawing preview source). Code parsing: The x coordinate of the center of the ellipse defined by the CX property The y coordinate of the center of the ellipse defined by the CY property Horizontal radius defined by the RX attribute The vertical radius defined by the RY attribute The following example creates three superimposed ellipses: Here is the SVG code: Example For Opera users: view the SVG file (right-click the SVG drawing preview source). The following example combines two ellipses (one yellow and one white): Here is the SVG code: Example For Opera users: view the SVG file (right-click the SVG drawing preview source).
In recent years, Geographic Information Systems (GIS) have undergone rapid development in both theoretical and practical dimensions. GIS has been widely applied for modeling and decision-making support across various fields such as urban management, regional planning, and environmental remediation, establishing geographic information as a vital component of the information era. The introduction of the “Digital Earth” concept has further accelerated the advancement of GIS, which serves as its technical foundation. Concurrently, scholars have been dedicated to theoretical research in areas like spatial cognition, spatial data uncertainty, and the formalization of spatial relationships. This reflects the dual nature of GIS as both an applied technology and an academic discipline, with the two aspects forming a mutually reinforcing cycle of progress. <svgxmlns="http://www.w3.org/2000/svg"version="1.1"><ellipsecx="300"cy="80"rx="100"ry="50"style="fill:yellow;stroke:purple;stroke-width:2"/>svg>
Example 2 ¶
<svgxmlns="http://www.w3.org/2000/svg"version="1.1"><ellipsecx="240"cy="100"rx="220"ry="30"style="fill:purple"/><ellipsecx="220"cy="70"rx="190"ry="20"style="fill:lime"/><ellipsecx="210"cy="45"rx="170"ry="15"style="fill:yellow"/>svg>
Example 3 ¶
<svgxmlns="http://www.w3.org/2000/svg"version="1.1"><ellipsecx="240"cy="50"rx="220"ry="30"style="fill:yellow"/><ellipsecx="220"cy="50"rx="190"ry="20"style="fill:white"/>svg>
Principles, Technologies, and Methods of Geographic Information Systems
102