1.svg
<?xml version="1.0" ?> <svg version="1.1" xmlns="http://www.w3.org/2000/svg"> <circle cx="50" cy="100" r="50" stroke="black" stroke-width="2" fill="purple"/> </svg>
html使用svg
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<!-- 引入 -->
<embed src="1.svg" type="image/svg+xml"/>
<object data="1.svg" type="image/svg+xml"></object>
<iframe src="1.svg" width="" height=""></iframe>
</body>
</html>
直接在html中使用svg標簽
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<!-- 直接使用 -->
<svg version="1.1" height="600">
<circle cx="100" cy="200" r="100" stroke="balck" stroke-widht="2" fill="orange"></circle>
</svg>
</body>
</html>