SVG 的使用
有几种使用 SVG 的方式
直接嵌入到 HTML 中
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<svg version="1.1" width="300" height="200">
<rect width="100%" height="100%" fill="red" />
<circle cx="150" cy="100" r="80" fill="green" />
<text x="150" y="125" font-size="60" text-anchor="middle" fill="white">饥人谷</text>
</svg>
</body>
</html>
img 标签引入svg文件
<img src="logo.svg">
CSS背景图片引入
.logo {
background: url(logo.svg)
}
object 元素引入 svg 文件
<object data="image.svg" type="image/svg+xml" />
iframe 元素引用SVG文件
不建议使用
<iframe src="image.svg"></iframe>