来自波浪线svg的连续波浪式动画

文章/答案/技术大牛

发布

0回答

javascript、css、svg、css-animations

你好，我有一个svg，这是一个用adobe illustrator构建的波浪线，我试图给它添加一个连续的波状动画。无论是纯css、js，还是两者兼而有之，任何答案都可以。这是svg &

浏览 7提问于2017-06-09得票数 2

回答已采纳

3回答

如何让线条的动画效果与Siri的波浪式效果一样？

ios、bezier

我想创建这个声音/正弦波，看起来像iOS 7中的动态音频波Siri具有：我知道如何创建和动画的UIBezierCurve罪状，我谷歌了很多，但我还没有找到，也不知道如何实现这个效果这条线开始是平坦的，然后波浪式的，结束的是平坦的。我没有处理任何声音文件，只是随机挥动的效果就足够了。

浏览 1提问于2013-11-05得票数 15

回答已采纳

1回答

在动画方面，.GIF比OpenGL在性能上更好吗？

android、opengl-es、xamarin.android

我正在制作一个Android应用程序，它需要一个像这样的波浪式动画：至于性能，是使用这个基于OpenGL的库()来实现这个动画，还是在我的应用程序中使用.GIF (或某种系列图像)更好？创建这些wave的OpenGL计算显然会占用更多的资源，但我知道连续显示一系列图像也会很昂贵，所以我想确定一下。这个应用程序是用Xamarin.Android开发的，如果它有所不同的话。

浏览 18提问于2017-03-10得票数 0

1回答

框架运动波浪式文本动画

javascript、reactjs、animation、framer-motion

我正在尝试创建一个波浪式的文本动画，在这里我要从数组中获取文本。如果第一个文本完成了它的动画，那么它应该开始隐藏，而数组中的另一个文本应该启动动画。码箱链接：

浏览 4提问于2022-06-15得票数 0

回答已采纳

2回答

如何从方块的网格中制作水波动画？

algorithm、grid、geometry、ripple

我正在寻找一种算法，可以在方块的网格上产生连锁反应，那么当用户点击一个方块时，我如何才能让它产生周围方块的波浪式动画呢？下图说明了所需的效果。

浏览 0提问于2012-02-03得票数 2

回答已采纳

2回答

CSS 3动画-在屏幕上滑动

css、css-transitions、css-animations

我有这个：，它充当标题和主要内容之间的分隔符。 <div id="container"></div>我想让图像在屏幕上缓慢地滑动，几乎是在波浪式的效果中对于CCS3动画，这是可能的吗？如果是这样的话，有人能帮上忙吗？谢谢

浏览 3提问于2013-02-20得票数 0

1回答

Unity2D:创建波浪式分数文本动画

unity3d

我想动画我的分数文本为波浪动画，每次玩家拿起一个硬币，以及做另一个波浪文字动画，但每次玩家失去一些硬币相反的方式。我已经有了一个代码(如下所示)，可以使某个文本做波浪动画，但是为此，我将文本中的每个字符分配给上下波动动画，如下所示：。我的问题是：如果我要对分数文本做这个方法，就无法知道玩家将得到多少硬币，所以我很难估计我在分数文本中需要多少字符，因为玩家在分数中添加一个新数

浏览 2提问于2018-05-05得票数 1

2回答

chart.js 2，从右到左设置动画(不是自上而下)

javascript、animation、line、chart.js

第一个数据插入很好，但是当数据集的长度上限为10时，您会看到不希望看到的行为，即数据点是从上到下的动画，而不是向左移动。这非常让人分心。10); }, 1000);谢谢

浏览 2提问于2016-04-28得票数 8

1回答

QML -需要知道如何激活波浪

qt、animation、svg、qml

在我的QML游戏中，我有一些水空间，上面有波浪。我需要一个如何激活波浪的想法。我只需要一些简单的动画，当波浪上升和下降。我试过用SVG动画制作Image和AnimatedImage。毫无办法。任何想法都会感激的！

浏览 2提问于2014-11-25得票数 3

回答已采纳

1回答

在代码中实现After Effects动画

javascript、web、animation、svg

我正在开发一个网页应用程序，它在主页上有一些奇特的动画，但我想在考虑到性能和响应限制的情况下接近它。作为这个动画的输入，我有一个在Adobe After Effects上模拟波浪运动的相当复杂的视频动画。我想将此动画转换为使用SVG和JS动画的代码。我现在拥有的是一个静态的SVG图像，我需要将它动画化，使其看起

浏览 1提问于2020-12-12得票数 2

2回答

Javascript动画每页只加载一次

javascript、html、css、animation

我有一个SVG，动画波浪线。我希望这些波浪线在某个页面上出现多次。然而，似乎只有第一个实例显示，而其他实例没有...我之所以知道这一点，是因为如果我删除了检查器中的第一个，就会显示下一个。下面是我的代码：let xs = [] xs.push(i) function animatewavy></svg&g

浏览 14提问于2019-11-14得票数 0

回答已采纳

1回答

我可以将svg元素的某些部分隐藏在另一个元素后面吗？

xml、svg、svg-animate、smil

因此，我有svg文件，我想使用SMIL动画： <svg xmlns="http://www.w3.org/2000/svg">from="550 80"du

浏览 7提问于2022-03-15得票数 1

1回答

以线到波的方式悬停

css、animation、hover

这就是我所做的。有没有一种没有图像的方法？另外，是否有可能将线从streight线动画化为波浪线？ a:hover { background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/9632/squiggle.svg

浏览 23提问于2019-09-11得票数 3

1回答

如何在svg圆中制作波浪线动画

animation、svg

我有一个加载器gif，但我想要这个动画使用svg1：https://i.stack.imgur.com/h3oJC.gif

浏览 45提问于2021-03-24得票数 0

2回答

如何为动画持续时间较短的元素制作连续动画[喘息]

javascript、jquery、css、gsap

> path'), 10, tween_options_to, 0) .to($('svg现在，我想要在上面的动画中发生的是，最外面的多边形应该旋转(它们是在总数中找到的)。所有4种都应以不同的速度旋转，并应连续旋转而不停止。到目前为止，我的动画代码如下所示： tmax_tl

浏览 6提问于2016-04-14得票数 9

回答已采纳

2回答

SVG图像波形动画

html、css、gsap

我正在制作动画，我有一张SVG图像，我试图像波浪一样连续地移动图像。我已经尝试过使用gsap和css，但仍然无法获得。} left: 0; } width: 100px;} position: relative; width: 200px; animation: wave 2s linear infinite

浏览 37提问于2019-07-04得票数 4

2回答

QGraphicsView:蛇线和线动画

c++、qt、qgraphicsview

第一个问题是关于一条特殊的线:我想问是否可以画一个蛇线或波浪线(就像链接图像中的那样)？如果有任何解决办法，我将不胜感激，因为我不知道如何得到鼻窦状线。我的第二个问题是关于QGraphicsItemAnimation-我想动画一个QGraphicsLineItem。现在，我正在使用来自setPosAt()的QGraphicsItemAnimation方法。问题是，孔线被移动了。我<

浏览 0提问于2011-09-13得票数 1

回答已采纳

1回答

读取can总线上的信息并显示在树莓派网页上

raspberry-pi、webserver、can-bus

这是一个理论上的问题。我没有代码，我也不是在寻找代码，我只是在寻找知识。我有一个带有网络服务器的覆盆子圆周率和一个波浪式的易拉罐。它接收来自十几个设备的各种消息。我的想法是接收消息，恢复完整的信息，并分别编写一个文件。然后ajax调用读取每个文件并在网页中显示每个值。大概每秒一次。这样做有可能吗？有没有更好的方法？接收脚本将用C编写。感谢您的帮助和分享您的知识！

浏览 37提问于2019-09-02得票数 0

1回答