为什么这段JS代码在IE 11中不能用于SVG动画？
这段JS代码在IE 11中不能用于SVG动画的原因是IE 11不支持部分SVG动画属性和方法。具体来说，IE 11不支持SMIL（Synchronized Multimedia Integration Language）动画，而这段JS代码可能使用了SMIL动画相关的属性和方法。
SMIL动画是一种基于XML的动画语言，用于在SVG中创建复杂的动画效果。然而，IE 11不支持SMIL动画，因此无法正确解析和执行这段JS代码中涉及到的SMIL动画属性和方法。
为了在IE 11中实现SVG动画，可以考虑使用其他替代方案，如CSS动画或JavaScript库（如GSAP、Snap.svg等）。这些方案可以通过CSS属性或JavaScript代码来实现动画效果，而不依赖于SMIL动画。
总结起来，这段JS代码在IE 11中不能用于SVG动画是因为IE 11不支持SMIL动画，可以考虑使用其他替代方案来实现SVG动画效果。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云产品：https://cloud.tencent.com/product
- 腾讯云SVG动画开发指南：https://cloud.tencent.com/document/product/1152/41709
相关·内容
所以现在document.getElementsByClassName已经兼容IE9了。()。那么为什么我下面的JS代码不能在IE11中工作呢？它可以在Google Chrome上运行。请参阅下面的代码并发布您的代码解决方案，该解决方案将在IE中工作：.......................... }
<script src="https:&#x
浏览 2提问于2017-08-17得票数 0
回答已采纳
3回答
CSS3动画不工作
、、、
我已经用css3为SVG创建了一个动画，它在Chrome和Firefox中运行得很好。它在Safari中部分工作，但在Internet (支持css动画的IE9+)中不工作。{ display: block; stroke: #666; stroke-width: 1; stroke-dasharray: 350;
stroke-dashoffse
浏览 3提问于2014-06-19得票数 10
我试图在IE中对encodeURIComponent()中的任何东西进行动画化。我知道IE不支持SMIL，但它比使用纯JS来动画/旋转svg标记简单得多。下面是一个在Firefox和Chrome中工作的例子，但不适用于IE： '<?+
'<script
浏览 4提问于2014-09-22得票数 0
回答已采纳
2回答
实际上，我试图用{ transform: rotate(45deg)}和动画化SVG，它在Chrome和Mozilla上运行得很好，但在IE transform:rotate(90deg)上，-ms-transfrom:rotate(90deg) dosen;t似乎在使用SVG元素。transform:rotate(90deg)正在旋转普通图像，但是无法在IE (IE11)中旋转SVG元素。
所以，我在用JS搜索一些
浏览 4提问于2016-05-21得票数 0
回答已采纳
我试图用<rect>动画化anime.js中的所有SVG。只要SVG是内联的，我就可以调用querySelectorAll()或getElementsByTagName()，并将这个nodelist作为targets:的属性，所有选定的元素都将被动画化。elements = document.querySelectorAll("rect");targets: elements,
但：当我将相同的SVG<e
浏览 2提问于2019-03-03得票数 0
回答已采纳
4回答
访问svg的脚本
、、
在我的主html文件中，svg嵌入在一个object标记中，如下所示：<a href="#" onclick但是，如果svg xml文件被一个完整的URL (在另一个站点上)引用，如下所示：
<object id="objid1" data="http://www
浏览 2提问于2008-10-29得票数 2
回答已采纳
我一直在尝试使用SMIL创建SVG动画。它在最新的Firefox中运行良好，但当然不能在IE中运行。我已经有一个类似的Flash动画。我的计划是在一个页面上同时包含Flash和SVG动画，并基于javascript检测来显示/隐藏它们。但我不擅长javascript，也不知道该怎么做。我将使用一个链接的.js文件。我的计划是在页面加载时检测浏览器是否支持"“特性，如果支持，则隐藏
浏览 0提问于2012-06-29得票数 0
4回答
我有一个非常简单的加载动画，可以在火狐和Chrome上完美地工作，但在IE11中它不能显示SVG图形。下面是完整的示例：<svg class="circular-loader" viewBox="25 25 50 50">
<circle class="loader-path" cx="50" cy="50" r="20&quo
浏览 0提问于2015-11-20得票数 30
下面是我使用jQuery在故事线中制作文本动画的代码： var item = $('[aria-label="myText"] svg')
$(item).toggle( "puff" ); 这段代码工作正常如果我可以使用jQuery为文本添加动画效果，为什么不能使用它来更改颜色呢？ 下面是我尝试过的代码：(我是否遗漏了什么？！)var item = $(
浏览 17提问于2019-05-24得票数 1
回答已采纳
我正在学习svg，我想比较一下在不同浏览器上显示svg项目的效果。我的代码在firefox，chrome，edge，safari等上运行良好，但不能在ie11上运行。不幸的是，我开发的应用程序需要支持ie11，所以我需要强制我的代码正常工作。 这里是fiddle：https://jsbin.com/hemawaboqa/1/edit?/javascript" src
浏览 75提问于2020-03-15得票数 0
1回答
在视口上动画SVG元素
、、、、
我的问题与我以前的问题有关<div style="height: 400px;"></div>
<svg version="1.1" id="lock" xmlns="http://www.w3.org/2000/svg" width="85px" height="85px"
浏览 6提问于2014-08-20得票数 2
回答已采纳
1回答
我已经获得了一个工作的SVG动画(没有GSAP)：<svg width="596" height="255"> <linearGradient id="prog-mask" x1=0%>如前所述，这个SVG动画并没有与GSAP连接(如果它应该与ScrollTrigger插件一起工作，这是必须的吗？)这就是为什么我尝试使用GSAP创建这个动画的原因：/
浏览 6提问于2021-02-02得票数 1
回答已采纳
5回答
带有动画的CSS灰度
、、、
我有一些css用来将我的图像转换为灰度(带有一些用于firefox的svg ) filter: grayscale(100%);ms-filter: grayscale(100%); filter: url(desaturate.svg#greyscale); -webkit-filter: grayscal
浏览 0提问于2012-09-10得票数 6
我有这个SVG线动画，它画了一个文本，但它似乎不工作在Safari或Internet。我遗漏了什么吗？CSS fill: none; stroke-width: 4; stroke-linejoin
浏览 3提问于2015-03-25得票数 0
我考虑了canvas，我真的认为这会很酷，再加上一个有趣的项目，然而，我听说IE没有兼容性(这是真的吗？)所以我不能这样做。
然后，我考虑了Raphaël，它似乎是到目前为止最可行的选择。
浏览 0提问于2010-12-10得票数 0
我在一个页面中加载2个嵌入式svg-let。一部动画片没有。它们是用setTimeout按顺序加载的。当我首先加载动画时，一切都很顺利，动画按预期开始，然后第二个静态svg正确显示。当我第一次加载第二个，然后再加载动画的时候，动画并没有开始。
代码在这里: javascript中的开关#svg1和#svg2。可以用JS代码修复这个问题吗?还是应该用webkit提交
浏览 2提问于2012-06-08得票数 1
回答已采纳
我已经用SVG线/路径动画创建了简单的MVC3应用程序。请参考下面的代码片段。<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<path c
浏览 0提问于2013-03-08得票数 1
1回答
如何动画引用SVG背景
、、、、
是否存在用vivus.js动画化参考背景的方法？我在试着用它。我在官方文档中找到了这段代码，但我不知道这是否可能。请看下面的代码：<section id="svg-bg" class="materiais-topo"> background-position: cen
浏览 4提问于2018-08-31得票数 0
回答已采纳
1回答
在IE11中是否有可能“飞进”svgpath？} stroke-dashoffset: 0;}{}<svgxmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org&#x
浏览 1提问于2014-07-23得票数 5
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
