HTML5 内联SVG

最新推荐文章于 2023-11-28 16:19:11 发布

原创最新推荐文章于 2023-11-28 16:19:11 发布 · 358 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#HTML5 #SVG

HTML 专栏收录该内容

68 篇文章

订阅专栏

SVG的定义

·SVG指可伸缩矢量图形(Scalable Vector Graphics)

·SVG用于定义用来网络的基于矢量的图形

·SVG使用XML格式定义图形

·SVG图像在放大或改变尺寸的情况下其图形质量不会有损失

·SVG是万维网联盟的标准

SVG的优势

·SVG图像可通过文本编辑器来创建和修改

·SVG图像可被搜索、索引、脚本化或压缩

·SVG是可伸缩的

·SVG图像可在任何的分辨率下被高质量的打印

·SVG可在图像质量不下降的情况下放大

把SVG直接嵌入 HTML 页面

<!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>

参考：

https://www.yuque.com/docs/share/a86ac77d-decb-4ae7-93f5-6b783fd608e5