1. SVG tutorial

SVG means scalable vector graphics.

SVG uses the XML format to define the image.

现在开始学习 SVG!

SVG instance

< html > < body > < H1 > My first SVG < / H1 > < svgxmlns= “ http://www.w3.org/2000/svg ”version=”1.1”><circlecx=”100”cy=”50”r=”40”stroke=”black”stroke-width=”2”fill=”red”/></svg></body></html>

尝试一下 »

点击 “尝试一下” 按钮查看运行结果.

SVG instance

We can edit the SVG instance online and view the running results online!

在线实例

SVG reference manual

In the rookie tutorial, we provide you with a complete SVG reference manual that lists the elements of SVG in all W3C recommendations (SVG Version 1.1).

SVG 参考手册

SVG 在线编辑器

  • 1.1. SVG tutorial

    SVG means scalable vector graphics. SVG uses the XML format to define the image. Now start to learn SVG! 1.1.1. SVG...
    2025-10-25 13:33:32 UTC
  • 1.2. SVG introduction

    SVG is a language that uses XML to describe two-dimensional graphics and drawing programs. 1.2.1. Basic knowledge that ...
    2025-10-25 13:33:31 UTC
  • 1.4. SVG is on the HTML page

    SVG files can be embedded in HTML documents with the following tags: < embed > , or . The code for SVG c...
    2025-10-25 13:33:30 UTC
  • 1.5. SVG <rect>

    1.5.1. SVG Shapes ¶ SVG has some predefined shape elements that can be used and manipulated by developers: Rectan...
    2025-10-25 13:33:30 UTC
  • 1.6. SVG <circle>

    1.6.1. SVG circle- ¶ The label can be used to create a circle: Here is the SVG code: Example ¶ ...
    2025-10-25 13:33:31 UTC
  • 1.7. SVG <ellipse>

    1.7.1. SVG Ellipse- ¶ Example 1 ¶ Element is used to create an ellipse: An ellipse is very similar t...
    2025-10-25 13:33:32 UTC
  • 1.8. SVG <line>

    1.8.1. SVG straight line- ¶ Element is used to create a straight line: Here is the SVG code: Example ...
    2025-10-25 13:33:31 UTC
  • 1.9. SVG <polygon>

    1.9.1. SVG Polygon- ¶ Example 1 ¶ Labels are used to create shapes with no less than three sides. A ...
    2025-10-25 13:33:30 UTC
  • 1.10. SVG <polyline>

    1.10.1. SVG Polyline- ¶ Example 1 ¶ Elements are used to create any shape with only straight lines: ...
    2025-10-25 13:33:31 UTC
  • 1.11. SVG <path>

    1.11.1. SVG path- ¶ Element is used to define a path. The following command can be used for path data: ...
    2025-10-25 13:33:31 UTC
  • 1.12. SVG <text>

    1.12.1. SVG text- ¶ element is used to define text. 1.12.2. Example 1 ¶ Write a text: Here is t...
    2025-10-25 13:33:32 UTC
  • 1.13. SVG Stroke attribute

    1.13.1. SVG Stroke attribute ¶ SVG provides a wide range of stroke property. In this chapter, we will look at the...
    2025-10-25 13:33:30 UTC
  • 1.14. SVG filter

    The SVG filter is used to add special effects to SVG graphics. 1.14.1. SVG filter ¶ In this tutorial, we will show ...
    2025-10-25 13:33:32 UTC
  • 1.15. SVG blur effect

    Note: Internet Explorer and Safari do not support SVG filters! 1.15.1. and ¶ All SVG filters for the Inte...
    2025-10-25 13:33:31 UTC
  • 1.16. SVG Shadow

    Note: Internet Explorer and Safari do not support SVG filters! 1.16.1. and ¶ All SVG filters for the Inte...
    2025-10-25 13:33:32 UTC
  • 1.17. SVG gradient-Linear

    1.17.1. SVG gradient ¶ A gradient is a smooth transition from one color to another. In addition, multiple color trans...
    2025-10-25 13:33:32 UTC
《地理信息系统原理、技术与方法》  97

最近几年来,地理信息系统无论是在理论上还是应用上都处在一个飞速发展的阶段。 GIS被应用于多个领域的建模和决策支持,如城市管理、区划、环境整治等等,地理信息成为信息时代重要的组成部分之一; “数字地球”概念的提出,更进一步推动了作为其技术支撑的GIS的发展。 与此同时,一些学者致力于相关的理论研究,如空间感知、空间数据误差、空间关系的形式化等等。 这恰好说明了地理信息系统作为应用技术和学科的两个方面,并且这两个方面构成了相互促进的发展过程。