首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

IE 11无法识别SVG转换

是因为IE 11不支持SVG格式的图片。SVG(Scalable Vector Graphics)是一种基于XML的矢量图形格式,它可以通过代码描述图形,具有无损放大和高清显示的优势。然而,IE 11是一个较旧的浏览器版本,不支持最新的Web技术和标准,因此无法正确解析和显示SVG图像。

为了解决IE 11无法识别SVG转换的问题,可以考虑以下几种解决方案:

  1. 使用备用图像格式:在开发过程中,可以使用其他兼容IE 11的图像格式,如JPEG或PNG,作为SVG的替代品。这样可以确保在IE 11中正常显示图像。
  2. 使用Polyfill库:Polyfill是一种JavaScript库,可以在不支持某些Web功能的浏览器中模拟这些功能。可以使用一些针对SVG的Polyfill库,如svg4everybody或svgxuse,来解决IE 11对SVG的支持问题。
  3. 使用SVG转PNG工具:可以使用一些在线或本地的SVG转PNG工具,将SVG图像转换为PNG格式,然后在IE 11中使用PNG图像。这样可以确保在IE 11中正确显示图像,但可能会失去SVG的一些优势,如无损放大和可编辑性。

总结起来,IE 11无法识别SVG转换是因为其不支持SVG格式的图片。为了解决这个问题,可以使用备用图像格式、Polyfill库或SVG转PNG工具来兼容IE 11浏览器。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

Oracle11g监听程序当前无法识别连接描述符中请求的服务

一:打开cmd,输入sqlplus system/***** (注****表示密码) 能连接Oracle数据库;但输入 sqlplus system/******@orcl11g 点回车则显示 监听程序当前无法识别连接描述中请求的服务...; 二:使用SQL/PLUS工具连接也是显示一样的结果 监听程序当前无法识别连接描述中请求的服务 ; 三:解决方法: i): 打开这个文件 D:\oracle_11g\product\11.2.0...\11.2.0\dbhome_1\bin\oraclr11.dll") ) 然后在这后面添加这样语句: (SID_DESC = (GLOBAL_DBNAME = orcl11g...) (ORACLE_HOME = D:\oracle_11g\product\11.2.0\dbhome_1) (SID_NAME = orcl11g) )...iii)自己按照IP或者数据库实例名修改后保存,再重启数据库监听服务;运行 sqlplus system/******@orcl11g 连接成功;

1K30
  • R将SVG文件转换成pdf或者png

    svg是一种矢量图文件,一般的图片查看工具是无法打开的。那么如何正常打开svg格式的文件?下面小编就给大家介绍一下打开svg格式文件的方法,希望对大家有所帮助。...1、通过浏览器打开 SVG文件一般通过浏览器(如IE,firefox,opera等)打开查看,其中,IE需要插件(如Flash插件一般)!...如果你没有安装上面的任何一款软件,那么我们也可以用手头的R直接将svg格式的文件转换成pdf或者png #安装rsvg包 install.packages("rsvg") #加载rsvg包 library...(rsvg) #将svg转换成pdf rsvg_pdf("motif1.logo.svg", file = "seqlog.pdf", width = 12, height = 7) #将svg转换成png...rsvg_png("motif1.logo.svg", file = "seqlog.png", width = 720, height = 500) 原始的svg文件用浏览器打开是这样的 转换之后得到的文件如下

    1.2K30

    CSS3魔法堂:认识@font-face和Font Icon

    format :字体的格式,主要用于浏览器识别,一般有以下几种——truetype,opentype,truetype-aat,embedded-opentype,avg等。...local(font name), url("font_name.ttf") 三、字体格式                             对于@font-face而言,兼容性问题就是各浏览器所能识别的字体格式不尽相同...浏览器支持:IE4+ SVG格式(.svg)    基于SVG字体渲染的格式。    ...在file uri scheme的情况下(file:///),由于FireFox默认的file uri origin策略十分严格,不同路径等级则无法访问。所以相对路径被视为跨域操作,因此字库加载失败。...六、Font Icon                          大家应该使用过 © 这类符号实体,从而在页面上显示一些无法通过键盘直接输入的符号。

    2K80

    web html页面显示autocad等dwg格式图形文件方法

    https://blog.csdn.net/hotqin888/article/details/80714741 基本有2种思路: 一种是转换后显示,比如vectordraw,将dwg转换成vds...还有CADViewer JS是转成SVG,pdf等格式,然后用web浏览……其实转换格式也是一个办法,用golang在后端,当有请求的时候,调用转换程序AutoXChange进行dwg到pdf的转换。...如下列代码,缺点有3个,一个是万一后端转换不成功,等待很久,还要退出这个进程,另一个缺点是,autoxchange虽然支持字体路径,但是似乎不起作用,还是无法显示中文,最后一个当然是需要购买啦,否则有水印...dwgviewx只支持IE浏览器,有**版,去除了水印,但是客户端用ie访问的时候,需要下载activity控件,并安装一下,它只支持中文的宋体啊,黑体啊,之类,不支持那些单线字体。...-- <object id="1" visible="true" classid="clsid:B6FCC215-D303-<em>11</em>D1-BC6C-0000C078797F" type="application

    3.9K20

    前端不止:请告诉我,你要什么样的图标

    而大型组织或公司因为拥有更完善的团队和资源,一般会采取第二种方式,能够获得更多自主权和建立企业VI(Visual Identity,企业视觉识别)的能力。...但目前,国内svg还没有被非常广泛的使用,原因在于兼容性不足,不能够很好的兼容旧的IE版本和一些Android原生浏览器。 (Can I use svg?)...上图为百度对2017年前三个月的浏览器使用进行的统计,目前国内还有超过20%的用户仍在使用IE8,9甚至是IE7。...IconFont 前面提到IconFont一般是由SVG通过工具转换而来,而如果开发最终需要使用IconFont来展示图标,那么对于导出的SVG有一些特殊要求。...我在本文的前面一小节,已经介绍了几款IconFont的转换工具,每一款工具都有详细的文档来说明SVG绘制的规则,尽管不尽相同,但有一些基本原则是一致的: 将文字转换为路径 不可以使用图片(字体只是路径

    1.6K70

    Web 反爬虫实践与反爬虫破解

    下面便是一个字形,是从字体里提取的一个汉子的字形,然后转换为了svg ? 而我们实现的反爬虫就是基于上面的原理。...我们现在能识别上面的汉子,是因为可以通过unicode码直接转换为汉子。 如果将“前端技术江湖”的unicode进行加密后呢?...首先我们需要一个字体源文件 比如“微软雅黑.ttf” 然后将.ttf文件转换为.svg文件 使用在线工具 https://everythingfonts.com/ttf-to-svg ?...使用该svg文件,生成目标字体库 使用在线工具进行转换 https://icomoon.io/app/#/select 第一步导入svg文件,第二步选择你要加密的字体 ?...说下整体实现思路 确定你的词库(要进行加密的内容) 确定字体源文件 如微软雅黑 使用fontmin生成目标字体文件 将目标字体文件转换svg格式 确定加密规则 对svg文件内的unicode进行加密算法处理

    2.2K11

    04-移动端开发教程-在线字体

    低质量的位图在高清设备上放大后会有难看的锯齿,无法满足响应式页面的开发需求 在线字体带来的革命: 在线字体本质就是文字,但是也可是像图形的文字。...font-family:"YourWebFontName";” source:此值指的是你自定义的字体的存放路径,可以是相对路径也可以是绝路径; format:此值指的是你自定义的字体的格式,主要用来帮助浏览器识别...创建此格式字体,支持这种字体的浏览器有【IE4+】; SVG(.svg)格式: .svg字体是基于SVG字体渲染的一种格式,支持这种字体的浏览器有【Chrome4+,Safari3.1+,Opera10.0...#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('..../fonts/glyphicons-halflings-regular.svg#glyphicons') format('svg'); /* Legacy iOS */ } .hd-r

    3.3K60

    04-移动端开发教程-在线字体图标

    低质量的位图在高清设备上放大后会有难看的锯齿,无法满足响应式页面的开发需求 在线字体带来的革命: 在线字体本质就是文字,但是也可是像图形的文字。...font-family:"YourWebFontName";” source:此值指的是你自定义的字体的存放路径,可以是相对路径也可以是绝路径; format:此值指的是你自定义的字体的格式,主要用来帮助浏览器识别...,支持这种字体的浏览器有【IE4+】; SVG(.svg)格式: .svg字体是基于SVG字体渲染的一种格式,支持这种字体的浏览器有【Chrome4+,Safari3.1+,Opera10.0+,iOS...#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('..../fonts/glyphicons-halflings-regular.svg#glyphicons') format('svg'); /* Legacy iOS */ } .hd-r

    3.2K60

    高清ICON SVG解决方案(上) - 腾讯ISUX

    icon的大小和颜色,非常方便,而且由于iconfont本身就是字体文件,会矢量适配各种不同devicePixelRatio,但是在PC上当图标小于等于16px时,或者复杂度高的图标会出现比较严重锯齿,图标无法展示清晰...既然iconfont他是一个字体,就难逃出现锯齿的命运,特别在Chrome下就是更加的糟糕了,目前确实通过前端代码也是无法改变这个缺陷。...接下来我们来看看使用iconfont和使用SVG做出来的图标有什么差异: Chrome下效果 ? FF下效果 ? IE9下效果 ?...在IE9+下的效果上我们看到IESVG的支持性着实差的令人无法直视,IE10,IE11效果和IE9几乎一样(真的是坑爹)。...---- 高清ICON SVG解决方案(下) 将介绍如何在项目中应用SVG图标,并兼容IE6+ 、Chrome 、 FF 、Retina Safari 、 Retina Chrome等浏览器的方案。

    3.2K40

    高清ICON SVG解决方案(下) - 腾讯ISUX

    下文将讲诉前端侧我们如何用SVG来做成高清ICON,并且良好支持PC下的各个浏览器,并兼容IE6+以上的浏览器。...从上一篇文章中我们得知SVG 做的图标在IE9+的浏览器渲染效果相当的差,所以在IE下我们我们不使用SVG ICON,我们可以将SVG转成一倍的png图片来进行替代。...新的方案:Svg Sprites +Png Sprites + Image-set 由于我们知道SVGIE下的兼容性并不好,所以在高清ICON的适配在第四种方案的基础上进行优化,首先用icomoon...进行下面的步骤操作: 第一步将用AI模板做好的图标转换SVG文件后导入到icomoon中: ?...---- 总结 SVG目前还是存在许多问题,Windows下使用IE的兼容性和渲染效果都太差,在PC侧我们无法全量使用,所以我们可以用上面的这套解决方案解决PC下所有浏览器下兼容问题,在Retina

    1.2K10

    建站小技巧|如何安装favicon.ico

    这些图标非常小(通常为16×16或32×32),并会显示在浏览器窗口和书签中网站网址的旁边,让访问用户可以轻松在其打开的窗口中识别你的网站。 3、Favicon图标有什么作用?...Favicon图标用于帮助用户更轻松地在浏览器、书签、快捷方式和地址栏中直观地识别出你的网站,也让用户更容易在他们的浏览器上保存和记住你的网站。...所有浏览器都支持 ICO 格式,它是 IE5 ~IE10 唯一支持的格式。 PNG - favicon.png PNG 格式是一种很棒的格式,因为它是大多数人熟悉的格式,并且不需要任何特殊工具来创建。...PNG 格式的缺点是它与 IE5 ~ IE10 不兼容。 SVG - favicon.svg SVG 格式优于 PNG 和 ICO 格式,但大多数浏览器都不支持。...在manifest文件中,除CACHE声明哪些文件被缓存外,还有NETWORK和FAILBACK这两个关键字,分别用于声明哪些文件永远不被缓存,以及在无法建立连接的情况下显示的回退页面。

    1K30

    特殊字体神器-fontmin,秒杀一切工具

    后的字体删掉了所有没用空字符,不需要另开fontcreator进行二次精简 无论原字体的映射怎么乱七八糟,子集化后的映射平台自动改为两个必要的unicode平台,使得在理论上所有字体都能精简,所有设备上阅读器都能正常识别...#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("汉仪雪君体简.woff") format("woff"), /* chrome、...汉仪雪君体简.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */ url("汉仪雪君体简.svg...2 如果发现在阅读器上还是无法显示,请用fontcreator把第一个空字符删了再重新插入这个空字符,就是映射总是$0000的那个。...这个并不属于软件bug,fontmin会完整保留第一个空字符所有映射,因此可能导致与后来改的字符映射产生冲突,而在移动设备无法正常显示。

    2.8K40
    领券