animation 相关问题

在python中将matplotlib保存为mp4

从 matplotlib 导入 pyplot 作为 plt 将 numpy 导入为 np 导入 matplotlib.animation 作为动画 图 = plt.figure() 轴 = plt.axes(xlim=(0, 4), ylim=(-1.5, 1.5)) line, = axis.plot([], [],...

在python中将matplotlib.animation保存为mp4

从 matplotlib 导入 pyplot 作为 plt 将 numpy 导入为 np 导入 matplotlib.animation 作为动画 图 = plt.figure() 轴 = plt.axes(xlim=(0, 4), ylim=(-1.5, 1.5)) line, = axis.plot([], [],...

绕 x 轴旋转图像

我需要绕其 x 轴（或 y 轴）旋转图像。我可以使用 avisynth 轻松创建这样的动画，但现在我需要使用 Python 的 moviepy 模块来实现该效果。我可以轻松旋转...

重复嵌套的 CSS 动画

我正在尝试获取此加载栏： https://web.archive.org/web/20120608081511/http://www.webfroze.com/css/loading-animation-circle-style/ 无限地重复。 我试过 -moz-动画：加载 1 秒

移动 Safari、CSS 动画在导航上冻结

所以我正在为客户开发一个移动网站，并添加了一个 css 加载动画，该动画在用户导航页面或 ajax 加载时触发。 动画在 Chrome 中运行良好，但在 IOS 中我...

你能用Javascript控制GIF动画吗？

是否可以使用javascript来控制GIF图像的哪一帧正在显示和/或停止动画。我希望能够加载包含多个帧的 GIF 并且只显示其中一帧。 我知道我

ios 设备中的 CSS 动画

我在我的网站中添加了这个自定义的 html、css 和 js。这是一个带有动画的汉堡菜单，我必须将其插入我的网站中。 该转换适用于 Android 设备，不适用于 ios 设备。 什么可...

Flutter 动画过渡按钮

我需要有关 FLUTTER 的帮助。从一个按钮更改为另一个按钮时是否可以进行动画过渡？ 我想要这样的东西： 点击时，我想要按钮 1 和

自定义全屏覆盖动画

是否可以向全屏封面添加自定义动画？默认动画已被禁用，但我正在努力寻找添加自定义动画的方法。 我猜是这笔交易。

使用 setinterval 更改 div 的宽度

我有这段带有CSS动画的代码： @keyframes 进度条 { 0% { 宽度：0； } 50% { 宽度：100%； } 100% { 宽度：0； } } 。盒子 { 位置：相对； 高度：3px； ...

CSS - 无限动画（向右移动加载渐变）闪烁

我在这里关注本教程：https://cloudcannon.com/deconstructions/2014/11/15/facebook-content-placeholder-deconstruction.html 创建一个虚拟加载程序。不幸的是，本教程包括

Roblox：无法加载动画 - 已清理 ID：rbxassetid://187

我收到此错误： 无法加载动画 - 已清理 ID：rbxassetid://1713688057 这是我的 roblox 脚本： 本地动画 = script.Animation 本地人形 = script.Parent:WaitForChild(...

滚动动画无法正常工作[CSS]

我试图创建一个平滑过渡的无限滚动动画。 .container-contribution { 宽度：45%； 显示：柔性； 调整内容：居中； 弯曲方向：列； 差距：...

android 中谷歌地图上的圆圈动画

使用值动画在谷歌地图上做圆形动画，但动画一直闪烁。 这是一个代码， CircleOptions CircleOptions = new CircleOptions() .

如何将动画变成预加载器

基本上我看到了很多关于如何制作预加载器的YouTube视频，但是，所有这些视频都没有教如何实际制作预加载器，而只是展示一个很酷的动画。我已经做了一个

如何制作填充轮廓的动画

我正在尝试制作类似该网站的预加载动画的东西。我尝试过聊天 gpt，但他给了我一些奇怪的东西，而不是填充 svg，它只是在上面放了一个黑色方块......

完成后将视图比例动画恢复到初始状态？

我有这个简单的观点： 结构ContentView：视图{ @State private var scale:Double = 1 var body: 一些视图 { 长方形（） .填充(.红色) .frame(宽度: 200,

SwiftUI：完成后将视图比例动画恢复到初始状态？

我有这个简单的观点： 结构ContentView：视图{ @State private var scale:Double = 1 var body: 一些视图 { 长方形（） .填充(.红色) .frame(

如何在 SwiftUI 中的删除项目上应用更改？

设置： 我有一个简单的视图，可以在需要时为其颜色设置动画： 结构 SelfAnimatingView: 视图 { 让名称：字符串 让动画：布尔 var body: 一些视图 { 文字（姓名） .

动画 DOM 元素交换

我想以普通的方式制作两个 DOM 元素交换的动画。 我在动画结束时遇到问题，但我不知道是什么原因造成的：/ 这是我的代码： 超文本标记语言 我想以普通的方式制作两个 DOM 元素交换的动画。 我在动画结束时遇到问题，但我不知道是什么原因造成的：/ 这是我的代码： HTML <div class="container"> <div class="child" id="childA">A</div> <div class="child" id="childB">B</div> </div> <button>Swap position</button> JS const childA = document.querySelector('#childA'); const childB = document.querySelector('#childB'); const finalChildAStyle = { x: null, y: null, }; const finalChildBStyle = { x: null, y: null, }; let swapDone = false; document.querySelector('button').addEventListener('click', () => { if (swapDone === false) { finalChildAStyle.x = childA.getBoundingClientRect().left - childB.getBoundingClientRect().left; finalChildAStyle.y = childB.getBoundingClientRect().top - childA.getBoundingClientRect().top; finalChildBStyle.x = childB.getBoundingClientRect().left - childA.getBoundingClientRect().left; finalChildBStyle.y = childA.getBoundingClientRect().top - childB.getBoundingClientRect().top; childA.style.transform = `translate(${finalChildAStyle.x}px, ${finalChildAStyle.y}px)`; childB.style.transform = `translate(${finalChildBStyle.x}px, ${finalChildBStyle.y}px)`; setTimeout(() => { document.querySelector('.container').insertBefore(childB, childA); childB.removeAttribute('style'); childA.removeAttribute('style'); }, 300); } swapDone = true; }); 这是我的代码笔：https://codepen.io/ChucKN0risK/pen/pLWVro 提前致谢；） 我更新了你的代码笔： https://codepen.io/anon/pen/VXMdwE 问题是你的CSS包含这个： .child { transition: transform ease-in 0.3s; } 实际上只有一个特定时间您希望子级上的转换处于活动状态：在交换过程的中间。您不希望在交换过程结束时进行转换，所以我这样做了： .css： .child.transition { transition: transform ease-in 0.3s; } .js document.querySelector('button').addEventListener('click', () => { if (swapDone === false) { childA.classList.add('transition'); childB.classList.add('transition'); ... setTimeout(() => { document.querySelector('.container').insertBefore(childB, childA); childA.classList.remove('transition'); childB.classList.remove('transition'); childB.removeAttribute('style'); childA.removeAttribute('style'); }, 300); 这样，当您删除过渡样式时，就不再有过渡动画了 我打算使用上面更新的代码片段，但不止一次。 调用一次交换函数，交换就会正确发生，尽管应用第二次或更多次，动画可见，但最后 div-s 顺序仍然保留。 有什么技巧可以多次使用吗？