1.5. SVG <rect>

1.5.1. SVG Shapes ¶

SVG has some predefined shape elements that can be used and manipulated by developers:

• Rectangle

• Circle

• Ellipse

• Line

• Broken line polyline>

• Polygon

• Path

  The following sections will explain these elements, starting with rectangular elements.

  1.5.2. SVG rectangle- ¶

  Example 1 ¶

  tags can be used to create rectangles, as well as variants of rectangles:

  Here is the SVG code:

  Example

  <svg xmlns="http://www.w3.org/2000/svg" version="1.1">
    <rect width="300" height="100"
    style="fill:rgb(0,0,255);stroke-width:1;stroke:rgb(0,0,0)"/>
  svg>
     
   For Opera users: view the SVG file (right-click the SVG drawing preview source). 
   
   Code parsing: 
   
   
   
     rect   of the element   width   and   height   property defines the height and width of the rectangle 
   
   
   
     style   Property is used to define the CSS property 
   
   
   
   CSS’s   fill   property defines the fill color of the rectangle (rgb value, color name, or hexadecimal value) 
   
   
   
   CSS’s   stroke-width   property defines the width of the rectangular border 
   
   
   
   CSS’s   stroke   property defines the color of the rectangular border 
   
   
     
   
    1.5.3.  Example 2  ¶  
   
   Let’s look at another example, which contains some new properties: 
   
   Example 
   
   
   
  <svg xmlns="http://www.w3.org/2000/svg" version="1.1">
    <rect x="50" y="20" width="150" height="150"
    style="fill:blue;stroke:pink;stroke-width:5;fill-opacity:0.1;
    stroke-opacity:0.9"/>
  svg>
     
   For Opera users: view SVG files 
   
   Code parsing: 
   
   
   
   The x attribute defines the left position of the rectangle (for example, x = “0” defines that the distance from the rectangle to the left side of the browser window is 0px) 
   
   
   
   The y attribute defines the top position of the rectangle (for example, y = “0” defines that the distance from the rectangle to the top of the browserwindow is 0px) 
   
   
   
   CSS’s   fill-opacity   property defines the fill color transparency (the legal range is: 0-1) 
   
   
   
   CSS’s   stroke-opacity   property defines the transparency of the outline color (the legal range is: 0-1) 
   
   
    
   
    1.5.4.  Example 3  ¶  
   
   Define the opacity of the entire element: 
   
   Here is the SVG code: 
   
   Example 
   
   
   
  <svg xmlns="http://www.w3.org/2000/svg" version="1.1">
    <rect x="50" y="20" width="150" height="150"
    style="fill:blue;stroke:pink;stroke-width:5;opacity:0.5"/>
  svg>
     
   For Opera users: view SVG files 
   
   
   
   The CSS opacity attribute is used to define the transparency value of the element (range: 0 to 1). 
   
   
    
   
    1.5.5.  Example 4  ¶  
   
   For the last example, create a rounded rectangle: 
   
   Here is the SVG code: 
   
   Example 
   
   
   
  <svg xmlns="http://www.w3.org/2000/svg" version="1.1">
    <rect x="50" y="20" rx="20" ry="20" width="150" height="150"
    style="fill:red;stroke:black;stroke-width:5;opacity:0.5"/>
  svg>
     
   For Opera users: view SVG files 
   
   
   
     rx   and   ry   property to fillet the rectangle. 
   
   
     
                      
                  
                  
  
                      
  
                          
  
                              
                                  文章链接
                              
                              ：
                              1.5. SVG <rect> 
                          
                      
                  
              
          
          
  
              
  
      
          
  
              
  
                  
  
                      
                          
                          
                              
  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