HTML使用svg,定义.svg格式
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>