firefox 使用svg的image标签无法显示图片

最新推荐文章于 2023-10-25 16:04:44 发布

weixin_30817749

最新推荐文章于 2023-10-25 16:04:44 发布

阅读量2.2k

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/strangerqt/p/6134000.html

本文介绍了在HTML中使用image标签时如何直接设置height和width属性，而不是通过CSS来实现。此外，还提到了关于使用xlink命名空间的问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在image标签上添加 height、width（不要用css属性） href属性前面加xlink: (Mozilla自己的MDN都说不加xlink了，搞鸡巴)

转载于:https://www.cnblogs.com/strangerqt/p/6134000.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30817749

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

CSS中的SVG图像无法显示怎么办？

2301_79325657的博客

09-29

1377

当你在网页中使用CSS来控制SVG图像时，有时候可能会遇到SVG图像无法显示的问题。这个问题可能由多种原因引起，包括路径问题、样式问题或者浏览器兼容性问题。在使用CSS控制SVG图像时，确保你使用的CSS属性在目标浏览器上是支持的。确保你使用了正确的选择器，并且为SVG元素指定了正确的样式属性。有时候，SVG图像可能会被其他CSS样式所覆盖，导致它无法显示。确保你在CSS代码中正确指定了SVG图像的路径。如果问题仍然存在，请检查你的SVG图像文件是否有效，并确保代码中没有其他错误。

firefox-5.x关于img标签的load事件、svg、ff5.4audio标签显示的适配tip

yinzhida's blog

08-16

529

1.firefox中img标签的load事件后获取图片宽高错误。需求是根据图片加载后的大小宽高比，调整图片显示的宽高。在chrome浏览器下，使用jquery的load方法监听img标签的“加载完成”事件。在其回调里，即可获得加载完成后的图片的宽高，代码如下：$('img').load(function() { //输出图片宽高，firefox将输出img标签原来的高度，而不是加载完成后图片的

参与评论您还未登录，请先登录后发表或查看评论

阿里iconfont上传svg图片空白、或展示不全的解决方案/搜索到的icon无法改变颜色解决方案

yun_master的博客

06-05

1万+

原因造成这个问题的原因，可能是因为sketch、dx等软件在导出svg时，自动在svg上添加了一些iconfont平台无法解析的属性造成的。所以解决这个问题，要么从svg代码入手，要么就需要借助工具来完成。解决改代码并不是很理想的解决方式，这里我们借助iconfont官方平台推荐的图形设计软件AI来解决这个问题。 1、首先下载一个AI软件 2、然后使用AI打开通过其他设计软件导出的svg图标 3、选中整个图标，然后选择对象—扩展—选择描边（已经选择取消，重新选择）——确定 4、保存为svg svg配置

火狐浏览器对svg支持的一点不足

chengdongyuan的博客

01-12

2260

项目中要用svg实现一个如下图所示的风机扇叶转动效果当用chrome浏览器打开，动画显示正常。用火狐浏览器打开扇叶静止不动，代码如下

img引入svg图片路径不显示解决办法

tomrsun的博客

10-29

8750

其实如果是真的svg图片是可以显示的，当我把svg放在vscode里出现的是这样的可以看到，其实是用的image这个标签引入的png的base64，所以本质上还是png图片，当然也可以引入其他格式的图片，所以此时的svg并不是矢量图，在html里直接写上上面的svg代码，就可以显示。但是因为不是矢量图，所以放大依然会失真，svg的意义就没有了。 ...

html svg标签中插入img image标签不显示的问题

热门推荐

01-09

12万+

svg标签中插入img image标签（图片）不显示的问题问题：在使用svg画图中想要使用img标签插入图片，可以图片不显示  <div class="contentSvg"> <svg> <g id="gImg"> <img width="200" height="200" src="static/images/icon/Logo.png" alt="图片">

解决js设置svg image，图片无法显示问题

kkhk04的博客

08-28

4731

原文链接：https://blog.youkuaiyun.com/weixin_37674736/article/details/82426941 用setAttribute来设置svg的image的路径，图片无法显示要用 image.href.baseval 才会有效 var svgDoc = document.getElementById("sketchpad");var imgSVG = d...

png2svg:将小的PNG图像转换为SVG Tiny 1.2

05-16

可以在Firefox或Chromium之类的浏览器中直接打开生成的SVG图像，并且默认情况下，这些SVG图像看上去比由浏览器平滑/模糊的小PNG或JPEG图像更加清晰明快（不过，可以使用CSS进行配置）。 SVG图像显示方式的默认清晰...

image-video-block-browser-addon:浏览器加载项，可阻止或隐藏视觉元素（图像，视频，Flash，画布，SVG）

05-08

阻止或隐藏视觉元素（图像，视频，Flash，Canvas，SVG ）的浏览器加载项。特征：阻止图像（阻止下载）阻止媒体（阻止HTML5视频和音频）隐藏视频（隐藏HTML5视频）隐藏Flash（Flash视频，游戏等）隐藏...

在Visual Studio中进行调试时查看SVG和其他HTML5内容

04-04

在调试过程中，可以利用浏览器的开发者工具（如Chrome DevTools或Firefox Developer Tools）来实时调整样式并查看效果。 - **XML**：XML常用于数据交换和配置文件。Visual Studio提供了XML编辑器，支持XML Schema...

【Vue2项目debug】——动态引入svg图片不生效

qq_50497708的博客

10-14

4001

虽然图片可以加载出来，但是，这里写的是一个循环，如果不动态绑定，每个列表只能加载相同的这一个图片，也不满足需求（我想要每个列表拥有自己的小图标）svg是一个矢量图，不管放大还是缩小都不会影响到它的清晰度，它实际上是一个js的代码文件，相当于是一个静态的资源。但因为直接这样写导致渲染出来图片的位置并不理想，图片会加载在一级菜单的里面。总结：因为svg相当于是静态资源，在vite中需要import进行静态引入。这样引入，图片路径没有错误，但在页面无法加载出来。：使用import引入即可解决。

antV(G6)中addShape图片时svg图片无法在火狐上渲染

weixin_42272087的博客

10-29

4262

问题背景最近我司项目遇到了自定义节点时，addShape类型是图片，图片我用的svg的64编码形式，也就是这样开头的形式data:application/zip;base64,UEsDBBQA…,代码很长，我就不贴完整了。解决办法直入核心：由于我才用的svg，所以原先的svg代码时这样的这种在Chrome里面能正常显示，如果用在G6场景下也能正常显示，但是G6比较特殊，也许是因为它引用图片的代码是在JavaScript里面写的，火狐不显示，解决办法：在SVG头部加上 svg的width和heig

Vue中对于img标签引入svg图片失败解决方案

weixin_56027497的博客

06-08

1万+

在使用Vue.js中使用img的src引入svg路径图片导致的报错，解决方案有以下两种： 1.可以通过import导入然后将它变成data中的数据,再在img中绑定

html5显示svg,html5 – 如何在Firefox中显示SVG？

weixin_34553415的博客

06-16

272

我正在尝试在Firefox中使用< object>来显示SVG.如果我在本地加载index.xhtml而不是通过HTTP服务器,则页面会正确加载.但是,如果我通过HTTP服务器加载,Firefox什么都不显示,而是通知我需要一个插件.我花了大约两个小时寻找和尝试不同的解决方案,但无济于事.我现在非常恼火和沮丧.这是页面;xmlns:svg="http://www.w3.org/2000...

h5 img标签的svg修改颜色后，ios不显示

emoji111111的博客

08-11

823

h5 img标签的svg修改颜色后，ios不显示

vue中使用img标签展示svg

m0_65835778的博客

02-17

3569

svg引入注意事项

python绘制的Svg图打开一片空白

哟哟哟哟哟哟

05-20

2021

当使用下面的代码画图的时候，生成的svg是一片空白 plt.show() plt.savefig('myplot.svg', format='svg') print("save t-sne graph") 参考了https://blog.youkuaiyun.com/jodie123456/article/details/107939337的解决方案产生问题的原因是：在plt.show()后调用了plt.savefig()，在plt.show()后实际上已经创建了一个新的空白的图片（坐标轴...

d3中svg标签里插入图片不显示的解决方案