1.9. SVG <polygon>

1.9.1. SVG Polygon- ¶

Example 1 ¶

Labels are used to create shapes with no less than three sides.

A polygon is made up of straight lines and its shape is “closed” (all the lines are connected).

Polygon is from Greece. “Poly” means “many” and “gon” means “angle”.

Here is the SVG code:

Example

<svgheight="210"width="500"><polygonpoints="200,10 250,190
160,210"style="fill:lime;stroke:purple;stroke-width:1"/>

For Opera users: view the SVG file (right-click the SVG drawing preview source).

Code parsing:

• points Property defines the x and y coordinates of each corner of a polygon

Example 2 ¶

The following example creates a four-sided polygon:

Here is the SVG code:

Example

<svgheight="250"width="500"><polygonpoints="220,10 300,210 170,250
123,234"style="fill:lime;stroke:purple;stroke-width:1"/>

For Opera users: view the SVG file (right-click the SVG drawing preview source).

Example 3 ¶

Use element to create a star:

Here is the SVG code:

Example

<svgheight="210"width="500"><polygonpoints="100,10 40,198 190,78 10,78
160,198"style="fill:lime;stroke:purple;stroke-width:5;fill-rule:nonzero;"/>

For Opera users: view the SVG file (right-click the SVG drawing preview source).

Example 4 ¶

Change the fill-rule property to “evenodd”:

Here is the SVG code:

Example

<svgheight="210"width="500"><polygonpoints="100,10 40,198 190,78 10,78
160,198"style="fill:lime;stroke:purple;stroke-width:5;fill-rule:evenodd;"/>

For Opera users: view the SVG file (right-click the SVG drawing preview source).

文章链接 ： 1.9. SVG <polygon>

Principles and Applications of WebGIS

 37

• 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

Web框架

 942

• 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

WEB基础

 287

• 2. ADO tutorial 23
• 4. W3C tutorial 16
• 5. Data-structures 31
• 8. Scala 41
• 7. Bootstrap5 37
• 10. Markdown 10
• 9. Echarts 12
• 11. Maven 20
• 10. Font-awesome 16
• 12. RDF tutorial 11
• 13. Sass 14
• 15. XML Schema tutorial 56

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