Html SVG不´;我没有出现
这是HTML代码:Html SVG不´;我没有出现,html,css,object,svg,embed,Html,Css,Object,Svg,Embed,这是HTML代码: <html> <head> <title>HOME | index</title> <meta charset="utf-8"/> <meta name="viewport" content="width-device-width, initial-scale=1.0"> <!-- <link rel=
<html>
<head>
<title>HOME | index</title>
<meta charset="utf-8"/>
<meta name="viewport" content="width-device-width, initial-scale=1.0">
<!-- <link rel="stylesheet" type="text/css" href="style.css"> -->
</head>
<body>
<div style="text-align:center;padding:150px 0;">
<object type="image/svg+xml" data="/img/menu.svg">
<!-- <embed src="/img/menu.svg"> -->
</object>
</div>
</body>
主页|索引
这就是SVG:
<svg version="1.1" id="menu" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 228.4 18.2" style="enable-background:new 0 0 228.4 18.2;" xml:space="preserve" width="500px" height="500px">
<style type="text/css">
.st0{
fill:none;stroke:#000000;stroke-width:10;stroke-miterlimit:10;
}
</style>
<line id="XMLID_1_" class="st0" x1="5.8" y1="10" x2="221.8" y2="10"/>
</svg>
.st0{
填充:无;笔划:#000000;笔划宽度:10;笔划斜接限制:10;
}
如果我使用embedsrc,结果也是一样的。
SVG只是一个笔划,在任何浏览器(firefox、chrome、edge)中都不会显示。我是SVG图像新手。您知道如何在开发工具中查找源代码吗?您应该首先查看文件是否正在加载,然后您可以从中查看是的,我可以。只加载HTML文件。我想知道这是否是宽度和高度的问题。如果图像甚至没有加载,您的文件路径可能会有问题。你能用img标签试试吗?尝试检查路径?解决了!使用
标记并将SVG移动到主文件夹,而不是/img文件夹。你是对的,这也是一个文件路径问题。