<!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文件
猜你喜欢
转载自blog.csdn.net/leixu1027/article/details/52512120
今日推荐
周排行