Introduction
SVG (Scalable Vector Graphics) is an XML-based markup language used to describe two-dimensional Vector Graphics and Vector/Dot Matrix Hybrid Graphics. It is a brand new Vector Graphics specification.
The SVG specification defines the features, syntax, and display effects of SVG, including the modular XML namespace and SVG Document Object Model (DOM ).
SVG plotting can be performed dynamically and interactively. In actual operations, it is implemented by embedding or scripting. SVG not only provides the hyperlink function, but also defines a wide range of events. Because SVG supports the scripting language (script), you can use Script programming to access the elements and attributes of the svg dom to respond to specific events, thus improving the dynamic and interactive performance of SVG.
SVG achieves the organic unity of graphics, images, and text.
SVG supports common HTML tags, such as text, images, links, interactions, CSS usage, and scripts, it also provides a large number of specific tags for graphics, images, and animations. This makes it possible to implement GIS.
Based on actual work requirements, the author uses SVG and related technologies in a Web browser to implement a Web GIS management system (WebGIS), which has achieved good results. This system includes the design of the server and client. The server stores and dynamically loads the data to be processed, and the client displays and interacts with SVG data. This article briefly introduces some basic knowledge and implementation technology of the SVG-based WebGIS client.
Basic knowledge
SVG browser plug-in
To display SVG images, you must install the SVG browser on the client. The SVG Viewer developed by Adobe has powerful functions and good display performance, which is the most widely used on the network, its latest version is 3.0. You can go to Adobe's website (http://www.adobe.com/svg/viewer/install/main.html) to download, in order to ensure that the Chinese can be correctly displayed, please download the simplified Chinese version. After downloading and installing the program, the user license information will pop up during the first use. Click "accept.
Embed SVG in a webpage
To implement a browser-based GIS system, you need to embed SVG graphical objects into a webpage and use the following HTML code:
<Embed width = "640" height = "560" type = "image/svg-xml" id = "svgmapctrl"
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.
