我的工作是SVG-Animation (加载器图标)。除了我的圆圈的加速和减速之外，一切都很好，我想让它们快速加速，然后慢慢停止。 下面是我的代码： <?-- Generator: Adobe Illustrator 23.0.1, SVG Export Plug-In .SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Ebene_1"
浏览 60提问于2018-12-21得票数 0
我正尝试在一个简单的SVG SMIL动画中添加计时功能。显然，可以使用keySplines属性设置计时/缓动，但是在我的示例中，它不起作用：
<rect st
浏览 2提问于2014-11-14得票数 7
1回答
我想要动画的SVG组，已被转换(旋转)。为此，我插入了动画标签。在我的示例中，我对垂直直线元素进行动画处理，因此动画标记被插入到结束行标记之前。如果这条线没有被旋转，它的效果会令人惊叹。但是，在旋转这条线之后，整个上下文也会旋转，我的动画指令也会旋转。我想让这条线从顶部开始动画，向下到画布的中间，然后回到顶部。我尝试在结束组元素之前插入动画标记，也尝试了animateTransform</e
浏览 5提问于2021-03-09得票数 1
1回答
我正在尝试在游戏板上制作动画图片。这样做的效果是，我们的图像在某种程度上发生了激增。有没有可能让动画变得模糊，这样图像就不会在动画之间“减速”？我已经尽我所能地对它进行了评论，页面的示例可以在中看
浏览 1提问于2012-04-27得票数 1
回答已采纳
2回答
我用一个简单的jQuery动画跳到了鼠标输出上。图像在鼠标滑过时平滑地向上滑动，但在鼠标移出时，它在滑下之前会跳升几个像素。
浏览 1提问于2011-07-19得票数 1
有没有可能使用CAKeyframeAnimation沿着路径移动物体，同时使用某种缓动，从而产生加速或减速？我知道有timingFunctions和keyTimes，但如果你只是沿着一条路走，我看不出它们是如何工作的。
浏览 0提问于2011-05-03得票数 7
回答已采纳
我有以下SVG文档：https://jsfiddle.net/724vgh5z/ 我希望每次红色矩形完成一个完整的圆时，蓝色矩形旋转6度。 它几乎可以工作，但蓝色矩形总是从0度开始。
浏览 34提问于2021-07-21得票数 0
3回答
SVG中路径上的弹丸运动
、、、
在下面的SVG中，一个圆以恒定的速度线性地在给定的路径上移动。我希望它按照曲线移动(就像弹丸，因为这条曲线是抛物线)。我读过关于keySplines，keyPoints和keyTimes的文章，但是不能正确地应用它们来获得一个平滑的弹丸运动。有办法做到这一点吗？ <path fill="none" stroke="black" d=&qu
浏览 13提问于2022-01-06得票数 4
我在SVG边界区域下面保留了一些文本(单击以重新运行)，直到动画结束。然后，我使用animateTransform将文本向上移动到屏幕中间。当用户单击时，我使用另一个animateTransform将文本移回屏幕下方，直到动画结束。下面是两个animateTransforms。注意，clickAniHide的起始值和结束值都是0,0，但是这会正确地将文本移出屏幕！如果我删除此animateTransform，文本不会移动。文本对象位于
浏览 0提问于2017-10-28得票数 0
2回答
在制作动画时，是否可以让动画的速度只达到最大值。所以它应该像往常一样加速，当速度达到某个值时，它应该保持在这个最大速度。
我该如何实现这一点？
浏览 0提问于2012-03-27得票数 0
下面是一个进度条的SVG动画，它从左到右无限期地填充，然后在相同的路径上“缩小”。通过使用以下代码转换矩形的位置，我实现了所需的效果： <svg width="500px" height="5px" style="background: #f5f5f5">="transform" type="translate" from="0 1" to="500 1" be
浏览 2提问于2022-08-13得票数 0
回答已采纳
1回答
我刚刚开始玩SVG并给它们动画。我在中创建了一个矢量设计，并将其导出为SVG，然后将其动画化。灵感来源于克里斯·甘农的SVG钻石。不同的是，我尝试使用html和内联样式来创建它。我将SVG称为背景图像，它依赖于页面上显示的一些元素。SVG在滚动或与页面上的其他元素交互时都会运行一些波动。我最好的猜测是，我的SVG是低效率的，因为这是我的第一次尝试。还是通过JS呈现SVG并控制脚本中的动画</
浏览 9提问于2022-08-01得票数 1
回答已采纳
有没有一种简单的方法可以让动画超过目标然后又回来？
因此，假设我想要将一个圆从50%缩放到110%，然后再回到100%，创造出一种近乎卡通的效果。
浏览 0提问于2011-10-08得票数 2
回答已采纳
如果您查看此SVG，我将动画transform属性，默认情况下它从左上角移动。我如何将它从中间改为动画呢？ <g> <animateTransform attributeName="transform0s"
dur="
浏览 2提问于2021-03-02得票数 2
回答已采纳
我正在尝试使用SVG animate和animateTransform。使用mouseover和mouseout触发动画。我做的第一个例子，在mouseover和mouseout事件期间改变了对象的颜色，看起来效果很好。在第二个示例中，我尝试在mouseover和mouseout事件期间使用: fill="freeze“additive="sum”更改旋转。repeatCount="1&
浏览 1提问于2013-05-19得票数 1
我使用<animateTo>创建了一个SVG动画，它在Chrome中运行良好，但在火狐或Safari中效果不佳。当keySplines和keyTimes属性被移除时，它会起作用，但我需要它们来实现平滑的动画。这是我的代码： <svg class="hiw-steps__morph" xmlns="http://www.w3.org/2000/svg" version=&qu
浏览 12提问于2019-05-24得票数 1
回答已采纳
2回答
如何使图像旋转(动画)
、、、、
但不确定如何让它像这里的动画一样旋转：注意它是如何旋转的..。然后停了一下..。然后再次旋转..。诸若此类。
浏览 27提问于2017-05-07得票数 2
回答已采纳
1回答
我的SVG是从实际SVG右侧的点旋转的，我希望它从SVG的中心旋转。我已经尝试了transform-origin: 50%，50%；但是没有起作用。我也弄乱了所有其他的设置，结果不占上风。absolute; right: -195px; opacity: 1;}
.rotate svg-- Generator: Adobe Illustrator 24.0.2, SVG Export Plu
浏览 0提问于2021-03-03得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
云直播
对象存储
腾讯会议活动推荐
腾讯云开发者
