<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>SVG in HTML</title>
<style>
svg{
display: block;
width: 500px;
height: 500px;
margin: auto;
border: thick double navy;
background: lightblue;
}
body{
font-family: cursive;
}
circle{
fill: lavender;
stroke: navy;
stroke-width: 5;
}
</style>
</head>
<body>
<h1>Inline SVG in HTML Dmo page</h1>
<svg viewBox="0 0 250 250" xmlns="http://www.w3.org/2000/svg">
<title>An SVG circle</title>
<circle cx="125" cy="125" r="100" />
<text x="125" y="125" dy="0.5em" text-anchor="middle">
Look Ma ,Same Foot!
</text>
</circle>
</svg>
</body>
</html>
html中嵌入SVG文件
最新推荐文章于 2024-04-23 14:01:25 发布