我使用SVG SMIL动画，因为我还没有找到另一种方法来制作曲线形状的动画。这种方法适用于除iOS浏览器以外的所有浏览器。这是我的SVG代码： <svg version="1.1" id="Слой_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3M281.180000,400.830000C
浏览 26提问于2020-06-16得票数 2
回答已采纳
3回答
如何检测SVG动画是否可用
、、、、
有没有一种好的方法来检测SVG动画是否可用，然后适当地调整DOM？
我正在使用animateMotion来动画一个包含images的g的运动。这只在Mozilla中有效；更糟糕的是，在Mozilla和WebKit中没有启动animateMotion会把图片放在不同的位置(但它们的位置并不相同！)。
浏览 2提问于2011-04-10得票数 4
回答已采纳
我正尝试在一个简单的SVG SMIL动画中添加计时功能。显然，可以使用keySplines属性设置计时/缓动，但是在我的示例中，它不起作用：
<svg xmlns="http://www.w3.org/2000/svg" width="214" height"0s" dur="2s" type="translate"
浏览 2提问于2014-11-14得票数 7
1回答
我当前的SVG是使用SMIL动画动画的：<svg height="512px" viewBox="0 0 100 100" width="512px" xmlns="http://www.w3.org/2000/svg">
<g1.5s"
浏览 4提问于2016-05-20得票数 1
回答已采纳
所以，我想让所有的图像都有深褐色的效果，然而我在SVG中使用的灰度代码，当更改为深褐色时不起作用…
这是灰度：a img { filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='m
浏览 0提问于2012-11-02得票数 2
回答已采纳
SMIL已被废弃，不再使用铬。
编辑:确实是真的，可悲的是。我现在的问题是:有没有其他方法可以不使用SMIL制作动画路径或多边形？例如，我可以使用不是SMIL的东西来处理路径的"d“属性吗？我希望你们中的一些人有一个答案，我真的很喜欢svg在动画方面的可能性。
浏览 4提问于2015-12-15得票数 3
2回答
我已经创建了一个拥有3000多条路径的怪物动画SVG文件。每个路径使用声明式SMIL动画独立动画。它在所有新浏览器中播放得很慢，但很漂亮，使用了一些js作为IE9的后盾。在页面中的重要信息已经呈现之后，我使用一些条件逻辑和一些教科书的ajax调用外部svg： var xhr = new XMLHttpRequest但是，无论在标记中启动SMIL动画的计时器或事件，似乎都不适用于动
浏览 3提问于2012-06-08得票数 1
回答已采纳
有没有人知道目前流行浏览器对SVG SMIL动画的支持情况？看起来Safari、Chrome和Opera都支持它。Firefox在其开发页面中有令人困惑的报告，关于已经添加了SMIL支持，但我不认为它是从v3.6开始的：
看起来Opera是唯一一个可以正确渲染的。我们不应该使用SMIL --在所有浏
浏览 0提问于2010-01-26得票数 14
我一直在试图弄清楚如何创建一个悬停事件来控制SVG中的多条路径。在我正在创建的美国地图中，阿拉斯加、夏威夷和密歇根是包含多条路径的分组元素。我已经能够使用CSS添加一个悬停事件，但是当我在带有分组元素的状态上悬停时，我要在更改上徘徊的路径。当我悬停在它们上面时，我希望能够使所有路径处于适当的分组状态变化，就像它们是一个单一路径一样。我已经搜索了一个jQuery解决方案，但是我在某个地方读到jQuery在SVG中不能很好地工作。我试过<
浏览 2提问于2015-01-22得票数 0
回答已采纳
1回答
我们一直在使用SVG路径动画( SMIL )，因为CSS非常有限，现在已经听说SMIL将很快从所有浏览器中消失。
浏览 1提问于2016-03-14得票数 0
回答已采纳
我的理解是SMIL动画是由Chrome支持的；但是我的SMIL动画在Chrome中不支持 (v107)，而在Safari中运行 (v16.0)。
下面是一个说明这个问题的代码演示的。<svg width="46" height="62" viewBox="0 0 46 62" fill="none" xmlns="http://www.w3.org
浏览 17提问于2022-12-02得票数 2
回答已采纳
3回答
在<head>中设置SVG偏好图标。<link rel="icon" href="favicon.svg" sizes="any" type="image/svg+xml">如何使它在Chrome中工作？在Firefox中，它工
浏览 11提问于2022-03-07得票数 2
我一直在看一篇关于SVG动画的文章。Code: http://codepen.io/chriscoyier/pen/DpFfE除了在Safari桌面上(我猜在iOS上也是如此)，它运行得很好。动画在前两次运行时效果很好，第三次我得到的是绿色星号而不是绿色复选标记。所以颜色动画运行了，但形状动画没有运行。在那之后，一切都错了。谢谢
浏览 3提问于2014-12-17得票数 2
悬停效应在这两种浏览器上都可以使用，但是我正在尝试诊断为什么边界底部不能在Safari上工作。 <body> <div class="svg-wrapper">
<svg height="60" width="320" xmlns="http://www.w3.org/2000&#
浏览 8提问于2014-03-02得票数 1
2回答
我似乎找不到iOS中支持的SVG特性的一个很好的列表，我得到的最好的是：
我正在研究开发一个使用很多视觉元素的网页的可行性，我们想使用SVG，我对SVG了解不深，所以我想知道iOS Safari的主要兼容性从上面的链接，我似乎不能使用: SMIL动画。动画作为SVG标签，对吗？该链接显示：“Safari中的部分支持指的是不能在HTML文件中工作。”那么，只要SVG不在HTML文件中，它就可以工作吗
浏览 1提问于2012-07-31得票数 4
回答已采纳
我有一个动态创建svg六边形(多边形)的文件，我已经将每个六边形作为对象实例来引用它们。don't actually execute the functionHexagon.prototype.shine=shine;function shine(){
var hex=document.getElementBy
浏览 4提问于2015-11-01得票数 0
回答已采纳
我有这个SVG线动画，它画了一个文本，但它似乎不工作在Safari或Internet。我遗漏了什么吗？CSS fill: none; stroke-width: 4; stroke-linejoin
浏览 3提问于2015-03-25得票数 0
出于某些原因，我的svg动画在Chrome中工作得很好，但在Safari中却不行。在safari中检查了一些元素后，我发现我必须将style="max-width:100%"添加到<svg>-element中。所以我有了这个：<svg xmlns="http://www.w3.org/2000/svg"
浏览 0提问于2017-02-06得票数 0
2回答
SVG多边形过渡
、、
我正在尝试转换SVG <polygon>元素。代码人在这里：<svg width="300" height="200" viewBox="0 0 300 200"> <polygon points="0 0, 1450, 150 20, 155 0, 300 0, 300 200, 0 200, 0 0" /> </svg>
现在，当我更改points属性的值时，可
浏览 1提问于2016-02-08得票数 1
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
腾讯云开发者
