问题标签 [html5-animation]

这是小提琴。当按下空格键（键码 32）时，将创建一个小矩形来模拟子弹。我遇到了一些问题：如何将它们移动到顶部（减小 y 坐标）？谁能帮我？谢谢！

我需要浏览器在长时间（呃）操作完成之前更新我的 UI。目前浏览器正在等待一切完成后再更新 UI，这意味着 UI 冻结 1-2 秒然后更新。

因此，用户单击 UI 中的按钮，然后执行此代码：

需要时间的是canvas.getActiveObject().toDataURL()（FabricJS 函数）。我希望在 2 个 div 向用户明显显示后发生这种情况，因为他们没有注意到。需要它在所有常用的浏览器中工作！（移动和桌面）。

研究表明，在设置它们后立即读取 css 显示属性会强制浏览器重新绘制，所以我在设置这些属性后直接添加了以下代码，但延迟仍然存在：

非常感谢您的任何建议！

我想在道路上垂直放置运行汽车的动画。如我的小提琴所示，汽车动画确实有效，但我希望汽车在道路上按照我的图像运行，并且随着汽车越远，汽车应该变得更小。

Html 标记：

jQuery：

链接到小提琴：示例小提琴

任何帮助表示赞赏。先感谢您。

我想创建一个 HTML5 画布动画，可能是这个网站上的动画：https ://flowstudio.co/ 。

我已经开始使用 GSAP，但看起来创建这样的东西确实是一项艰巨的任务。我必须创建几乎每个点/移动单数，我不知道是否有更快/更好的方法。目前我只看过没有插件的 GSAP。是否有一些特殊的工具/（GSAP）插件可以帮助创建这个？或者我应该使用 d3.js 吗？

我也试图为此找到一个教程，但看起来这个更高级的案例没有任何内容。

谢谢您的帮助！

我们正在使用 VideoJS.m3u8从 VOD 服务器流式传输文件。
在播放器上，我们要插入一个自定义文本水印，该水印每秒从“上到下”移动，然后从“右到左”移动。

问题：
如何插入自定义文本水印？