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>

results matching ""

    No results matching ""