html - 试图制作一个 svg-image 来显示。无法找出为什么它不
问题描述
我想不通,为什么这个 svg 图形没有出现。我知道除非您的环境中有 svg,否则您可能看不到任何东西,但我特别希望它能够正常工作。在 Dreamweaver 中工作,图像在预览中完美显示。谢谢你的帮助!
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Unbenanntes Dokument</title>
</head>
<body>
<div id="allScreens">
<div id="backpack" class="screens">
<p align="center">backpack</p>
</div>
<div id="playground" class="screens">
<h1 align="center">playground</h1>
<object type="image/svg+xml" id="demo" data="/img/blue_box.svg" width="70%">
</object>
</div>
</div>
</body>
</html>
解决方案
为您的图像添加一些高度,它应该可以工作。像这样的高度:100px;
推荐阅读
- php - php联系表格不返回消息
- r - CCF 与 ccf:有什么区别?
- python - 概率矩阵 Numpy 的终端概率
- python - 如何为 Google Calendar API 制定自定义重复规则?
- javascript - 检查匹配是来自 stringB 的右侧还是左侧并返回差异
- python - 如何在 Python 中进行简单的错误处理?
- amazon-dynamodb - Dynamodb 更新失败并出现验证异常
- go - go net/http 响应状态 302 标头位置包含中断“重定向链”的空格
- reactjs - 检查 Flatlist 中的可查看项目,如果正在呈现的项目 id 与可查看项目 id 匹配,则传递一个道具
- swiftui - 为什么 LazyHStack 占据全高但 HStack 在 SwiftUI 中没有?