HTML5 inline SVG

Definition of SVG

   SVG stands for Scalable Vector Graphics

   SVG is used to define vector-based graphics for the web

   SVG uses XML format to define graphics

   SVG images can be enlarged or resized without loss of graphic quality

   SVG is a standard of the World Wide Web Consortium


Advantages of SVG

   SVG images can be created and modified with a text editor

   SVG images can be searched, indexed, scripted or compressed

   SVG is scalable

   SVG images can be printed with high quality at any resolution

   SVG can be scaled up without loss of image quality


Embed SVG directly into HTML pages

<!DOCTYPE HTML>
<html>
	<head>
		<meta charset="utf-8" />
		<title>自选教程(如约智惠.com)</title>
	</head>
	<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>

Guess you like

Origin http://43.154.161.224:23101/article/api/json?id=325642770&siteId=291194637
SVG