问题标签 [html5-animation]

如何覆盖 HTML5 画布弧？我认为这段代码可以工作，但它在它周围留下了一个边框，尽管它的值完全相同，只是颜色不同.. 有没有我缺少的边框属性？

看一个 HTML5 示例，球以圆周运动向外旋转；一个例子就像一个轮盘赌球，它从一个圆圈的中间开始，慢慢地旋转直到它停止（在一个数字内）。

任何有关使球以圆周运动向下旋转的帮助或指示，我们将不胜感激！

我正在计划一个界面来显示许多小部件（绘制在 a 上<canvas>），这些小部件可能会四处移动（例如，在一个使用 jQuery 以不同方式排序的列表中）。小部件的数量可能在 10 到 100 之间。

我可以用一张大画布来做这件事，然后在正确的地方画很多小部件。或者我可以在 s 中有很多<canvas>ses <li>。帆布是否足够轻，适合这种事情？是否有令人信服的性能理由来选择其中一个？

我需要逐帧更改元素的背景位置的动画。我需要在没有缓动或线性动画的情况下执行此操作，只需更改背景位置。可以用css3动画实现吗？

在一个测试应用程序中，我有一个带有简单矩形的画布。每 100 毫秒调用一次draw方法。

正如您从代码中看到的那样，我正在使用鼠标滚轮来缩放所有内容。现在发生的事情是，一切都被缩放了，但是当矩形在 10px,10px 并且我将鼠标放在它上面时，矩形在缩放后不再位于鼠标下方。（这当然是正确的，因为所有单位都按比例放大。

但我想要的是，鼠标位置是“缩放动作的中心”，就像在谷歌地图中一样，所以缩放之前在鼠标下的内容，在之后也在鼠标下。我做了一些翻译尝试，但我不知道该怎么做。

提前致谢。

这是我的代码：

我是 Stack Overflow 的新手，对 HTML5 编程也比较陌生。我正在写一些东西（主要是为 Safari），其中逻辑是由 webkit 动画完成时触发的事件驱动的。如果我同时启动多个相同长度的动画，我需要了解它们的完成事件触发的顺序。例子：

所以，我在 JavaScript 中创建了一个红色方块和一个蓝色方块，并且（在 Safari 和 Chrome 中）启动动画以将它们向右移动，并在它们完成后打印到控制台。蓝色方块总是第一个说它已完成动画。从玩的角度来看，它似乎与动画开始的顺序或方块的位置无关，而是它们的创建顺序。“同时”事件回调似乎首先发生在最近创建的元素上，然后是较旧的元素。

我的问题是我可以依靠这种行为吗？它是否在任何标准中得到保证，或者它可能会根据浏览器或月相而改变？如果无法保证事件顺序，您会推荐哪些应对策略？

有没有办法检测手机和手持设备上的 3G 和 2G 连接？

比如如果我想在用户使用 3G 时提供高端网站，如果用户使用 2G 时提供高度优化版本。

我有一张 JPEG 图像，由手绘的城市轮廓组成。我想实现从左到右在空白区域绘制这些轮廓的缓慢素描效果。如何基于 HTML5 画布元素做到这一点？像将此JPEG导入画布并在其上应用一些动画蒙版，或者将JPEG重新分解为一组曲线（如果可能的话，我想获得适当工具的列表）并通过使用绘制这些线简单愚蠢的 ctx.lineTo(...) 和其他曲线函数。

先感谢您。

我真的很喜欢 Prezi.com Flash 应用程序中的缩放过程。

我没有找到任何关于如何实现 prezi 应用程序的文档。

也许你们中的一些人知道如何在应用程序中设计或实现最终的轨迹缩放。

最后，我想在网站中使用它来为用户创建公司网站的更具交互性的内容展示。

谢谢。

我正在尝试向 HTML5 视频添加运动动画，但结果非常不稳定，而且根本不流畅。

HTML 是：

和CSS：

这是小提琴链接：http: //jsfiddle.net/LSAm5/

运动非常不稳定，在视频的边界和控件中非常明显。我主要在 chrome 和 iPad 上进行测试。

有没有办法让这样的动画看起来更流畅？

谢谢。