一、概述
HTML5 has support for inline SVG.
SVG
What is SVG?
SVG stands for Scalable Vector Graphics
SVG is used to define vector-based graphics for the Web
SVG defines the graphics in XML format
SVG graphics do NOT lose any quality if they are zoomed or resized
Every element and every attribute in SVG files can be animated
SVG is a W3C recommendation
二、优点
SVG Advantages
Advantages of using SVG over other image formats (like JPEG and GIF) are:
SVG images can be created and edited with any text editor
SVG images can be searched, indexed, scripted, and compressed
SVG images are scalable
SVG images can be printed with high quality at any resolution
SVG images are zoomable (and the image can be zoomed without degradation)
三、使用方法
Embed SVG Directly Into HTML Pages
In HTML5, you can embed SVG elements directly into your HTML page:
Example
<!DOCTYPE html>
<html>
<body>
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="190">
<polygon points="100,10 40,180 190,60 10,60 160,180"
style="fill:lime;stroke:purple;stroke-width:5;fill-rule:evenodd;" />
</svg>
</body>
</html>
分享到：
相关推荐
江苏矢量地图 (1)江苏矢量地图 (1)江苏矢量地图 (1)江苏矢量地图 (1)江苏矢量地图 (1)江苏矢量地图 (1)江苏矢量地图 (1)江苏矢量地图 (1)江苏矢量地图 (1)江苏矢量地图 (1)江苏矢量地图 (1)江苏矢量地图 (1)江苏矢量...
【中国县域矢量图】是一种地理信息系统（GIS）数据，主要包含了全国所有县、市的边界信息。这种数据通常以矢量格式存储，便于在GIS软件如ArcGIS中进行地图制作、数据分析和地理处理。 矢量图是GIS数据的一种基本...
在IT行业中，矢量图和位图是两种常见的图像类型，它们各有特点并适用于不同的应用场景。位图（如PNG和JPG格式）是由像素组成的，每个像素有自己的颜色值，因此在放大时可能会出现马赛克效果。而矢量图（如SVG格式）...
天津市矢量图作为一种精确的地理信息数据，为地理空间信息的处理和分析提供了便利。特别是以AI（Adobe Illustrator）格式存在的矢量图，不仅保留了矢量数据的可缩放性与不失真特性，而且其与诸如ArcGIS等专业GIS软件...
全国水系矢量图是一种地理信息系统（GIS）数据，它包含中国境内所有河流、湖泊、水库等水体的几何形状、位置以及相关的属性信息。这种数据通常以矢量格式存储，意味着每个水系元素（如河流）都是由点、线、多边形等...
在Windows Presentation Foundation (WPF) 中，矢量图是一种理想的图形资源，因为它可以无损缩放，无论放大多少倍都不会失去清晰度。相比于位图（如JPG、PNG），矢量图更适合创建用户界面，尤其是当UI需要适应不同...
世界地图矢量图和栅格图是地理信息系统（GIS）中的两种重要数据格式，它们在地理数据分析、地图制作、城市规划、环境研究等领域有着广泛的应用。这两种格式各有特点，适用于不同的场景。 首先，我们来详细了解矢量...
本篇文章将深入探讨如何在Delphi中进行矢量图的绘制，这是一种允许无限放大而不失真的图形类型。 首先，我们要了解矢量图的基本概念。矢量图是由线条、曲线和形状等数学对象组成的图像，它们是通过点、线和路径来...
【基于C++实现的矢量图工具】是一个利用C++编程语言在Visual Studio 2010集成开发环境中实现的图形处理项目。矢量图工具是计算机图形学领域中的一个重要应用，它允许用户创建、编辑和操作矢量图形。与位图图像不同，...
全国矢量图shp文件是一种地理信息系统（GIS）中常用的数据格式，用于存储地理空间数据。这种文件通常包含了丰富的地理信息，如国界、省界、县界以及基础设施如铁路、道路、河流和湖泊等。在GIS领域，矢量图因其高效...
《2020年深圳地图SVG矢量图》是一个压缩包文件，包含了深圳市2020年的最新区划信息。SVG（Scalable Vector Graphics）是一种基于XML的矢量图像格式，它允许用户以数学方式定义图形，因此无论放大多少倍，图像都能...
根据给定文件的信息，我们可以详细探讨矢量图形的几种主要存储格式及其应用场景，并对文档中提及的非矢量图形格式进行简要说明。 ### 矢量图形存储格式 #### SWF (Shockwave Flash) SWF 格式最初由 Macromedia ...
### Simulink模型截取矢量图的方法 #### 背景介绍 在进行系统建模与仿真过程中，Simulink作为MATLAB的一个重要组成部分，被广泛应用于控制系统、信号处理等多个领域。Simulink提供了丰富的模块库，允许用户通过图形...
数据信息矢量图是一种在设计领域中广泛应用的素材，尤其在网页设计中占据了重要的地位。这类矢量图形因其独特的优势，被广泛用于展示复杂的数据、统计数据或者信息图表，以直观、简洁的方式传达信息，帮助用户快速...
成都市矢量图shp格式-高清.zip是一款包含高清地理信息数据的压缩文件，主要用于地理信息系统（GIS）的应用。shp格式是Esri公司开发的ArcGIS软件中常用的一种矢量数据格式，它能够存储点、线、面等地理要素，以及与...
山东省矢量图是一份地理信息数据集，专为在ArcGIS软件环境中进行地图制作和地理分析而设计。这份数据集提供了山东省的详细地理边界、行政区域划分以及可能包含的其他地理要素，如河流、山脉、道路等。矢量图的特点...
本资源包含33套详尽的中国各省份矢量地图信息图表，专为PPT设计而准备，同时提供了预览图以便用户在使用前能够直观了解样式和效果。这些矢量地图不仅支持自定义编辑，还允许用户根据需要进行色彩搭配，以适应各种...
二维矢量图形软件是一种能够创建、编辑和渲染基于数学方程定义的图形的应用程序。这种类型的设计工具在图形设计、工程制图、动画制作等领域有着广泛的应用。在本压缩包中，包含了一个使用C++编程语言编写的源代码，...
矢量图是由直线、曲线和形状组成的图形，它们是基于数学公式而不是像素，因此可以无限放大而不失真，这使得矢量图在图形设计和工程领域特别受欢迎。 "一个绘矢量图的例子"这个项目包含了一系列与Delphi编程相关的...
15.2 绘制矢量图 矢量图用于表现速度、作用力等矢量的大小和方向。矢量图分二维矢量和三维矢量，分 别对应于二维流场计算和三维流场计算。在读入数据文件后，点击左上方工具栏中的 3D 或 2D 按钮，在按钮下方就可以...