开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

SVG在IE中不能正确缩放

SVG（Scalable Vector Graphics）是一种基于XML的矢量图形格式，它可以在不失真的情况下无限缩放。然而，在早期版本的Internet Explorer（IE）中，对SVG的支持并不完善，导致在IE中无法正确缩放SVG图像。

这个问题可以通过以下几种方式解决：

使用Polyfill库：可以使用一些Polyfill库，如SVG Web或SVG for Everybody，来解决IE中对SVG的支持问题。这些库可以在IE中模拟SVG的功能，使其能够正确缩放SVG图像。
使用PNG替代：如果在IE中无法解决SVG缩放问题，可以考虑将SVG图像转换为PNG格式，并在IE中使用PNG图像代替。PNG图像在各种浏览器中都有良好的支持，并且可以正确缩放。
使用JavaScript库：可以使用一些JavaScript库，如Snap.svg或Raphael.js，来处理SVG图像在各种浏览器中的兼容性问题。这些库提供了一些方法和函数，可以帮助解决SVG在不同浏览器中的缩放问题。
使用CSS Hack：在一些特定情况下，可以使用一些CSS Hack来解决IE中SVG缩放的问题。例如，可以使用CSS的transform属性和matrix函数来手动缩放SVG图像。

总结起来，解决SVG在IE中不能正确缩放的问题可以通过使用Polyfill库、转换为PNG格式、使用JavaScript库或使用CSS Hack等方式来实现。这些方法可以帮助确保在IE中正确显示和缩放SVG图像。

腾讯云相关产品和产品介绍链接地址：

腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
腾讯云内容分发网络（CDN）：https://cloud.tencent.com/product/cdn
腾讯云Web应用防火墙（WAF）：https://cloud.tencent.com/product/waf
腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
腾讯云物联网（IoT）：https://cloud.tencent.com/product/iot
腾讯云移动应用开发（Mobile）：https://cloud.tencent.com/product/mobile

相关搜索:flexbox中的图像不能正确缩放 IE 11:在flexbox中图像不能正确缩小 IE10和11中缩放SVG的奇怪边距 SVG in按钮在React中不能正确显示背景 SVG图标: viewBox未正确缩放大小 SVG图标不能正确显示 X轴不能正确缩放？为什么.svg文件中的SVG可缩放，而.html文件中的SVG却不能缩放？为什么UI不能正确缩放为什么我的svg图表不能正确呈现IE？

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

在 React 中缩放、裁剪和缩放图像

在本文中，我们将了解如何使用 Cropper.js 在 React Web 应用中裁剪图像。尽管我们不会将这些图像上传到远程服务器进行存储，但是很容易就能完成这个任务。...React应用中的Cropper.js 如你所见，有一个带有源图像的交互式 canvas。操作的结果显示在“预览”框中，如果需要，可以将其保存。实际上，我们会将结果发送到远程服务器，但这取决于你。...在命令行中，执行以下操作： npx create-react-app image-crop-example 上面的命令将使用默认模板创建一个新项目。...在 constructor 方法中，我们定义了状态变量，该变量表示最终更改的图像。因为 Cropper.js 需要与 HTML 组件交互，所以需要定义一个引用变量来包含它。...imageDestination 状态变量中。

6.2K4 0

在 kbone 中实现小程序 svg 渲染

最初我们只能简单的用 Babel 进行 JS 的转换；后来小程序推出了 web-view 组件，开发者则开始想办法让 Web 页面使用小程序能力；在知道了 web-view 中的消息不能实时传到小程序逻辑层后...在一些大型 web-view 项目迁移到 kbone 的过程中，常常会遇到 HTML inline SVG（在 HTML 中直接插入 SVG 标签）这种情况；有的页面还会异步加载一个含有很多小图标（<symbol...在 renderSvg() 中，我们希望进行下列一些操作：首先分析并保存当前 SVG 文档中的所有 Symbol，以便于当前 SVG 文档内部或者其它 SVG 中使用；将当前 SVG 文档中的跨文档...例如，在解析 SVG 的过程中，我们可能希望通过获取 SVG 元素的尺寸来设置渲染后背景图的默认尺寸（像那样），同时允许来自业务代码中的尺寸覆盖，这在 kbone 环境下，甚至也许在小程序架构中是不可能的...视图层在向微信 JSSDK 请求该 SVG 文件的过程中，也许因为没有收到 Content-Type 或者收到的 Content-Type 不对，导致 SVG 文件无法被正确解析展示出来。

2.1K0 0

SignalR 在IE中无法工作 - Internet Explorer

运行基于SignalR的超线程上载器的代码，发现SignalR 在IE 9上居然没法工作了，提示如下：提示很明显，需要json2.js的支持。...使用Nuget 搜索json2.js 并安装：在引用之前引用json2.min.js <script src="Scripts/json2.min.js" type="text/javascript

3.2K10 0

在Swift中创建可缩放的图像视图

在本教程中，我们将建立一个可缩放、可平移的图像视图来实现这一功能。计划他们说，一张图片胜过千言万语--但它不一定要花上一千行代码！对于我们的可缩放图像视图，我们要做的是让它成为一个可缩放的视图。...medium.com/media/afad3… 在commonInit()中，我们将图像视图居中，并设置它的高度和宽度，而不是把它固定在父视图上。这样一来，滚动视图就会从图像视图中获得其内容大小。...设置滚动视图我们需要实际设置我们的滚动视图，使其可缩放和可平移。这包括设置最小和最大的缩放级别，以及指定用户放大时使用的UIView（在我们的例子中，它将是图像视图）。...我们将通过在我们的类中添加imageName字符串，并在字符串改变时更新UIImageView来实现。...让我们给我们的类添加另一个初始化器，这样我们就可以在代码中设置图像名称。 medium.com/media/074d4… 就这样了!现在我们可以像这样通过图片名称以编程方式初始化我们的视图了。

5.5K2 0

在Go中如何正确重试请求

转载请声明出处哦~，本篇文章发布于luozhiyun的博客：https://www.luozhiyun.com/archives/677 我们平时在开发中肯定避不开的一个问题是如何在不可靠的网络服务中实现可靠的网络通信...通过不同的错误码来识别不同的错误，在HTTP中status code可以用来识别不同类型的错误；重试决策。...在上面这个例子中，在客户端设值了 10ms 的超时时间。在服务端模拟请求处理超时情况，先sleep 20ms，然后再读请求数据，这样必然会超时。...使用对冲的时候需要注意一点是，因为下游服务可能会做负载均衡策略，所以要求请求的下游服务一般是要求幂等的，能够在多次并发请求中是安全的，并且是符合预期的。...但是由于在 Go 中是无法获取每个 goroutine 的执行结果的，我们又只关注正确处理结果，需要忽略错误，所以需要配合 WaitGroup 来实现流程控制，示例如下： func main() {

1.8K2 0

Protobuf在Cmake中的正确使用

在之前的博文中已经简单介绍了onnx，其中onnx.proto就代表了onnx模型的基本数据结构。...关于mediapipe的详细介绍在另一篇文章。...另外，不同目录内的.cc文件会引用相应目录生成的.pb.h文件，我们需要生成的.pb.cc和.pb.h在原始的目录中，这样才可以正常引用，要不然需要修改其他源代码的include地址，比较麻烦。...CLion中Cmake来编译proto生成的.pb.cc和.pb.h不在原始目录，而是集中在cmake-build-debug(release)中，我们额外需要将其中生成的.pb.cc和.pb.h文件移动到原始地址...正确修改cmake 对于这种情况，比较合适的做法是直接使用命令进行生成。

7932 0

Android--SVG在安卓系统中的应用

SVG，即Scalable Vector Graphics 可伸缩矢量图形，这种图像格式在前端中已经使用的非常广泛了 SVG图片相对于一般的图片（png、jpg等），拥有占用体积小，支持等比例缩放不失真...，性能高等优势，谷歌在Android5.0引进了SVG，并转化为Vector，在Android中指的是Vector Drawable，也就是Android中的矢量图，可以说Vector就是Android...中的SVG实现(并不是支持全部的SVG语法,现已支持的完全足够用了) Vector图像刚发布的时候，是只支持Android 5.0+的，自从AppCompat 23.2之后，Vector可以使用于Android...中添加 defaultConfig { vectorDrawables.useSupportLibrary = true } 1.2、在gradle中添加 compile...pathData，不能使用自定义interpolator

2.7K2 0

在小程序中 SVG 的打开方式

+xml" data="image.svg">第三种，是直接把svg内容，通过标签嵌入至网页中，也就是说，svg的数据内容直接是当前网页的一部分，浏览器是在加载当前网页时直接解释渲染的...和方式下，svg数据都是“封装”在各自的文件载体下，不用担心其中数据与当前网页中的其他内容冲突（例如里面的ID、Class和其他svg图形中Element的ID、Class重复...使用SVG是否有安全风险TL;DR 对于没时间兴趣关注本话题的读者，可以跳到下一节。简短的回答是：有 - 看你怎么用。但观点是：但不能因噎废食，在小程序里我们可以运用。...HTML注入SVG用XML语法和格式描述矢量，在XML中无法直接引用HTML。...在FinClip小程序中SVG的打开方式在小程序里成功使用SVG的诀窍在于这几处。

1.9K4 0

关于angluar options请求在ie浏览器报错导致页面不能正常运行

这个请求主要验证Access-Control-Allow-Credentials是否为true，还会验证Access-Control-Allow-Origin等其他不受是否正确设置。...options请求是浏览器自行发送的，跟angular没有关系，我们也无法在anluar中终止这个options 出现这种错误请和后端核对一下后端代码是否允许options请求跨域 ?

8123 0

CSS在IE6、7、8中的差别

支持情况 IE6 No IE7 Yes IE8 Yes Bugs 在IE7中，如果在兄弟之间有一个HTML注释，临近兄弟选择器将无效。...上面的例子，在鼠标悬停的时候，将会改变a元素内的span元素中的文字的颜色。...然而，在IE6中只有在这个值用于根元素的时候才有效。...支持情况 IE6 No IE7 No IE8 Yes 在表格中渲染空单元格示例: table { empty-cells: show; } 描述...在该例子中，媒体类型是”screen”。

1.3K3 0

GEE中核函数在不同缩放级别下的区别

如果内核以米为单位指定，则当缩放级别更改时它将调整大小。我认为这是不正确的，如果内核以像素为单位指定，它会随着金字塔级别的变化而改变缩放级别吗？...当内核使用米单位时，在更高的金字塔级别上是如何计算的？例如，它是在本机计算然后缩小的吗？...我尝试通过在像素单元内核上使用手动重投影来测试这一点，但是它的运行速度比米版本慢得多，所以我认为这不是它的完成方式，并且它得到了完全不同的视觉结果。...解决方案半径为“3 像素”的内核在任何投影/比例中始终为 7x7“像素”，这将导致每个比例的米数不同。

971 0

在vue中如何实现点击变成全屏及缩放

element.mozRequestFullScreen(); } else if (element.msRequestFullscreen) { // IE11...this.fullscreen; }, 方式二：使用的是sreenfull插件，执行命令安装 npm install --save screenfull 在使用的页面正确引入： import screenfull...$message("您的浏览器不能全屏"); return false; } screenfull.toggle(); this.

1.3K3 0

SVG在Power BI中的应用及相关图表插件盘点

SVG，全称Scalable Vector Graphics，即可缩放矢量图形，在Power BI中有着广泛的用处。本文将用法总结为三类，并详述在每种用法使用什么图表插件。...SVG本质上是文本，在批量导入图片的情况下不需要上传至图床，只需要将本地文本文件导入，这增强了文件的安全性。...在Power BI中最简单的SVG图片展示方式是表格或者矩阵，在SVG编码前加上必须的识别符并标记为图像URL。...PPT插入图片截图比大图更大的SVG图片显示是将SVG用作背景图，可以是静态背景也可以是动画。在《如何为Power BI报表设计动画背景》这篇文章中我介绍了原理。...全都有》这篇文章中我介绍了该图表的详细用法。

4.6K2 0

在PHP中strpos函数的正确使用方式

首先简单介绍下 strpos 函数，strpos 函数是查找某个字符在字符串中的位置，这里需要明确这个函数的作用，这个函数得到的是位置。如果存在，返回数字，否则返回的是 false。...) { // 如果存在执行此处代码 echo '存在'; }else{ // 如果不存在执行此处代码 echo '不存在'; } 输出了’不存在’；原因是因为 ‘沈’ 在‘...沈唁志博客’中的第 0 个位置；而 0 在 if 中表示了 false，所以，如果用 strpos 来判断字符串中是否存在某个字符时必须使用===false 必须使用===false 必须使用=...==false 重要的事情说三遍，正确的使用方式如下 // 判断‘沈唁志博客’中是否存在‘博客’这个词 if (strpos('沈唁志博客', '博客')===false) { // 如果不存在执行此处代码...原创文章采用CC BY-NC-SA 4.0协议进行许可，转载请注明：转载自：在PHP中strpos函数的正确使用方式

5.1K3 0

为什么在静态方法中不能使用this

在JVM的运行时数据区中有个虚拟机栈(或Java栈),在它的里面是由栈帧'叠加'而成.栈帧由局部变量表,操作数栈,动态连接,方法返回地址等组成. 那么我们就从局部变量表角度解答下这个问题....详细看下两个方法的局部变量表 query方法的局部变量表,如下 shadow方法的局部变量表,如下我们发现,非静态方法shadow的局部变量表中有this,而在静态方法query的局部变量表中没有...在普通方法中,在它的局部变量表中的第一个槽存放了this, 而静态方法的局部变量表中没有存放this.

1.9K3 0

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

只是在第一种工作方式中，设计师是不可见的。...2.直接使用svg 使用SVG（可缩放矢量图形），W3C标准是最被看好的Web端图形解决方案。...但目前，国内svg还没有被非常广泛的使用，原因在于兼容性不足，不能够很好的兼容旧的IE版本和一些Android原生浏览器。（Can I use svg?）...IconFont的优点在于能够用CSS控制样式，无限缩放而不失真，支持IE7+，兼顾屏幕阅读器，不过缺点是不能支持彩色图标（拥有多种颜色的图标）。...如果SVG中包含大量的文字，这个选项output fewer tspan elements可以在很大程度上降低svg的大小。

1.6K7 0

在IE和FireFox中显示不一致

https://blog.csdn.net/huyuyang6688/article/details/38704045 在IE和FireFox中显示不一致在做新闻发布系统后台登陆界面时...于是在代码中加了两个“ ”，在FireFox中达到预期效果了： ? 我们都知道，一个“ ”为一个字符大小。...可我明明已经在“密码”二字中间添加了两个“ ”了，刚好为一个汉字的间距。但是在IE浏览器中测试的结果，“密码”二字中间的间距仍然很小（大约只有一个字符的大小）。...我继续添加“ ”，IE中“密码”二字中间的间距不变，还是大约只有一个字符的大小，无论添加多少个标记，好像最对只显示一个空格;而FireFox中则乖乖地如数显示出所添加的空格长度。...第二种方法：在浏览器中改变字体，不过这好像是一种掩耳盗铃的做法→_→，咱们做出的程序是让大家用的，总不能让每个用户都去修改自己的浏览器吧，因此不建议采用这种方法来“蒙骗自己”。

1.2K3 0

有了Omi，在小程序中渲染SVG再也不慌了！

SVG 是可缩放矢量图形(Scalable Vector Graphics)，基于可扩展标记语言，用于描述二维矢量图形的一种图形格式。它由万维网联盟制定，是一个开放标准。...一句话总结：使用小程序内置的 Canvas 渲染器，在 Cax 中实现 SVG 标准的子集，使用 JSX 或者 HTM 描述 SVG 结构行为表现直接看在小程序中使用案例: import { html...$scope) 需要注意的是在 omip 中传递的最后一个参数不是 this，而是 this.$scope。在 mps 中，更加彻底，你可以单独创建 svg 文件，通过 import 导入。...//注意这里不能写 test.svg，因为 mps 会把 test.svg 编译成 test.js import testSVG from '../.....远没有，看 cax 在小程序中的这个例子： ?

3.7K4 2

在日志中记录Java异常信息的正确姿势

原因分析先来看一下Java中的异常类图： ? Throwable是Java中所有异常信息的顶级父类，其中的成员变量detailMessage就是在调用e.getMessage()返回的值。...public Throwable() { // 在默认构造函数中不会给detailMessage属性赋值 fillInStackTrace(); } public Throwable(...enableSuppression) suppressedExceptions = null; } 显然，从源码中可以看到在Throwable的默认构造函数中是不会给detailMessage...所以，在程序日志中不要单纯使用getMessage()方法获取异常信息（返回值为空时，不利于问题排查）。...正确的做法在Java开发中，常用的日志框架及组件通常是：slf4j，log4j和logback，他们的关系可以描述为：slf4j提供了统一的日志API，将具体的日志实现交给log4j与logback。

2.5K4 0

一日一技：在Selenium中如何缩放网页（不是窗口）

我们知道，在Python中，可以设定窗口的大小： driver.set_window_size(1920, 1080) 那么如果我并不想修改窗口大小，只想修改页面大小怎么办？...document.body.style.zoom='0.5' 代码中的 0.5表示缩放比例。 1是原大小，小于1是缩小，大于1是放大。例如0.5表示缩小为原网页的50%。...如果直接在Chrome的开发者工具中运行，缩小的效果如下图所示：放大的效果如下图所示。...因此，在Selenium中，可以使用 execute_script来运行： driver.execute_script("document.body.style.zoom='0.5'") #缩小 driver.execute_script...("document.body.style.zoom='1.7'") #放大大家还可以尝试一下，是否能够通过模拟按键，发送 Ctrl和加号减号来缩放网页。

12.7K1 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭