svg -嵌入png图像高度为空
SVG (Scalable Vector Graphics) 是一种基于 XML 标记语言的矢量图形格式，它可以用于在网页上呈现高质量的图像。与传统的位图图像（如 PNG、JPEG）相比，SVG 图像具有无损放缩、自适应屏幕尺寸和可编辑性的优势。
嵌入 PNG 图像高度为空可能是由于以下几种原因导致的问题：
- 图片路径错误：首先要确保 SVG 文件中对 PNG 图像的引用路径是正确的，包括文件名和文件所在的目录路径。
- 图片尺寸问题：如果 PNG 图像本身的高度为空，那么在 SVG 中嵌入时也会导致高度为空。请确保 PNG 图像的尺寸是正确的，可以通过图像编辑软件进行检查和修改。
- 缩放问题：如果 SVG 图像对嵌入的 PNG 图像进行了缩放操作，并且高度设置不正确，那么就会导致高度为空。需要检查 SVG 文件中对 PNG 图像的缩放设置，并确保设置合理。
总之，正确嵌入 PNG 图像的方法是在 SVG 文件中使用正确的路径引用 PNG 图像，并确保 PNG 图像本身的尺寸和缩放设置正确。如果问题仍然存在，建议检查 SVG 文件的语法和结构，以确保没有其他错误导致高度为空。
关于腾讯云相关产品，腾讯云提供了云媒体处理服务，可以帮助开发者在云端进行多媒体处理。您可以参考腾讯云云媒体处理产品的介绍页面：https://cloud.tencent.com/product/mps
相关·内容
2回答
我想要嵌入一个png图像到svg容器，但希望保持纵横比，所以我只在png元素中添加宽度属性。在这种情况下，如何在javascript中获取png图像的高度： <!DOCTYPE html><head>#img {}</head>
浏览 31提问于2021-05-09得票数 3
回答已采纳
1回答
使用GWT检查图像的大小
、、、、
我有一个生成SVG文件的GWT应用程序。<image href="http://some.image/URL.png
浏览 0提问于2012-03-10得票数 3
回答已采纳
1回答
当我配置扩展来生成SVG输出时，使用我不再能够单击使用生成的继承图的节点。有没有办法在SVG图表中启用这些链接，或者它们只适用于PNG图表？
浏览 0提问于2014-01-17得票数 3
这是我的密码：我尝试过将svg更改为img或embed使用img，图像不是呈现，而是交替的文本显示。与嵌入图像不显示，交替文本也不显示。所以我改变了：
Xlink:href=“数据:img/<
浏览 0提问于2019-05-03得票数 0
1回答
我有一个有宽度和高度的SVG代码。我想下载这个带有自定义宽度和高度的PNG和JPEG格式的SVG。我已经尝试过HTML方法来实现这一点，但是当画布绘制图像时，它会产生SVG。'display: none;'; }它给出了PNG格式的Imgae格式，但它不完整的SVG图像，它只是图像的一部分，根据画布的宽度，bcz画布
浏览 1提问于2018-11-07得票数 0
回答已采纳
我可以使用以下代码链接一个常规图像及其工作原理： position: absolute; height: 200px;background-image: url(pika.svg); 但是，当我尝试将svg文件链接为img时，整个图像都不会显示。我的svg中有三个不同的层，但只有两个显示。我做错了什么？
下面是svg代码：
浏览 2提问于2014-03-03得票数 0
SVG的作用是覆盖，并包含所有可按下按钮和虚拟LED的坐标，这些按钮和虚拟LED在实际设备上必要时闪烁，与与“真实”水控制器对话的Node应用程序交互，而.png是嵌入式背景图像。问题在于对嵌入的图像进行缩放。在Chrome、Firefox和Opera下，我可以将浏览器窗口调整到不同的大小，SVG和嵌入式图像缩放非常漂亮。
浏览 0提问于2017-05-18得票数 0
回答已采纳
我有一个SVG文档，其中包含一个嵌入的图像元素，如下所示： <image xlink:href="hannibal.jpg" x="0" y=&quo
浏览 0提问于2015-05-09得票数 0
3回答
在其中一些例子中，我包括一些位图(嵌入在svg中)，例如：
但是，如果在Safari (移动或桌面)中打开该区域，您会注意到位图部分没有呈现。你能帮我理解原因吗？
浏览 10提问于2015-02-21得票数 0
回答已采纳
1回答
我有一个svg文件，我不断增加stroke-width，但它不会改变任何东西： <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 487 488<defs>
<image width="487" height="488" id="img1" stroke-width="1000" href=&qu
浏览 10提问于2021-04-08得票数 0
回答已采纳
我有一个SVG图像，这是为了适当地响应各种宽度，但它应该有一个固定的高度。
在我测试过的每个浏览器中，包括IE11，SVG都嵌入了<svg>元素中的width和height属性。SVG指定高度(以像素为单位)，除边缘外，每个浏览器都使用该高度。边缘只需将SVG的高度设置为150像素。请参阅下面的Plunk以获得一个repro (我的实际SVG<
浏览 1提问于2018-07-18得票数 2
1回答
我想通过使用img属性在src标记中显示外部保存的SVG：由于某种原因，图像根本没有显示。如果我在object标记中嵌入相同的SVG，那么一切都运行得很好：
浏览 3提问于2016-05-19得票数 0
回答已采纳
我已经创建了一个图形并将其保存为一个.excalidraw文件。要在GitLab中呈现图形，可以在编辑器中打开文件，然后将代码粘贴到README.md中，如// excalidraw代码
是否有一种直接包含呈现.excalidraw文件的方法？更准确地说，我是否可以将.excalidraw文件添加到项目中，然后使用以下内容进行呈现myFigure.excalidraw
浏览 2提问于2021-10-07得票数 1
有没有一个好的库可以将SVG转换成支持font元素的HTML canvas？我已经试过了，但它不支持字体。
浏览 2提问于2011-03-31得票数 23
回答已采纳
可以将位图/光栅图像嵌入到SVG中(通过图像标记)。svgconvertertool -convert_embedded_pngs_to_jpg -compression high -f original.svg -out result.svg创建一个新的s
浏览 3提问于2017-06-15得票数 2
在Corel绘图中转换SVG格式的PNG文件的正确操作顺序是什么？我将图像导入到一个新文件中，然后将其导出(仅选中)为SVG格式。但结果是，我的形象质量很低，比PNG差得多.
浏览 5提问于2016-09-19得票数 1
1回答
我想嵌入SVG图像到UserJS脚本的歌剧。问题是如何在加载的页面上显示此图像？
我使用<img src='data://image/png;base64,...'>显示了PNG图像，但没有显示以这种方式使用的SVG图像。可以使用外部SVG文件，但不能使用“data://image/svg+xml，...”。
浏览 1提问于2009-05-19得票数 4
回答已采纳
我正在尝试使用带有嵌入式位图的SVG作为导航元素。这个想法是为了让它对移动更加友好。我已经为IE8及更低版本准备了一个PNG回退。有许多类似的问题，但没有一个有可行的解决方案。G.D.
浏览 5提问于2013-03-19得票数 3
3回答
我有一个网站使用SVG/VML (通过拉斐尔JS)设置在一个地图应用程序中的SVG是用来显示图形顶部的背景地图图像。这在屏幕上工作得很好，也适用于打印带有覆盖的硬拷贝地图。然而，当用户想要将带有SVG覆盖的地图图像保存到本地.JPG文件时，这种设置就失败了。更具体地说，使用大多数浏览器的标准右键单击功能来“将图像另存为...”当SVG/VML元素位于图像顶部时不起作用。在地图上单击鼠标右键，用户可以保存地图图像，但
浏览 8提问于2012-03-29得票数 6
1回答
我正在试验在HTML中使用SVG，这一点我不太熟悉。它作为一个对象嵌入到html中。我目前有宽度，最大宽度，和最大高度值分
浏览 0提问于2012-08-07得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
