问题标签 [html5-animation]

我正在开发一个使用 KineticJS 的小型应用程序。我创建了一个圆圈，并在页面加载时淡入淡出......我遇到的问题是，当我单击主圆圈以“生成”主圆圈周围的小圆圈时，所有圆圈都消失了......

http://jsfiddle.net/T9RfA/1/

还有其他人遇到这种问题吗？

我正在写一个面向对象风格的 JavaScript 演示——只是为了画一堆在屏幕上移动的球。在这一点上没有什么花哨的，没有碰撞检测或任何东西。认为假设我的 Ball.js 类是好的是安全的。

我的问题是这样的：我应该在哪里调用 ball.draw(context) ？以我设置的方式将球绘制到屏幕上的唯一方法似乎是将调用放在 generateBalls() 中。但这意味着每个球只抽一次。

因此，如果有人能在这里指出我的方式的错误，我真的很感激。这不是家庭作业——只是想更好地处理 javascript 和 canvas。

谢谢你的建议，马克

我正在为小孩子写一个着色游戏，最初我在画布上显示了一个黑白图像，当用户在画布上移动绘图工具（鼠标）时，黑白表面会被过度绘制来自相应彩色图像的颜色信息。

特别是，在每次鼠标移动时，我都需要将一个圆形区域从彩色图像复制到我的画布上。圆的边缘应该有点模糊，以更好地模仿真实绘图工具的品质。

问题是如何做到这一点？

我看到的一种方法是使用剪切区域，但这种方法不会让我有模糊的边缘。或者是吗？

所以我正在考虑使用 alpha 蒙版来做到这一点，并仅复制与蒙版中具有非零 alpha 的像素相对应的像素。可行吗？

我想用 html5 canvas 元素写一些动画。我发现有一些 js 库有助于利用画布功能。例如 KineticJS、FabricJS。但我不知道使用哪个库。
使用这个库有什么优缺点？或者您可能知道更好的实施方式？

编辑
我将创建一些类似于静态图片的东西，但带有一段动画。例如天空上的浮云，可以撕下花瓣并扔掉的花朵。可能是一些带有太阳的动画。这是一般描述，希望对您有所帮助。

如果我定义了一个画布并在其上绘制了一些形状，那么我如何精确定位每个形状或图像，以便在每个形状上声明事件和其他属性。考虑我有一个矩形和一个三角形。所以我可以有一些机制来将它们定义为特定实体并且我可以单独处理它们。我知道 KineticJS，但我想自己实现这个功能（出于学习目的）。任何人都可以指出这样做的方法。或者可能是一种算法方法？

我有这样的事情：

问题是当第一个 div 完成动画时，我想隐藏他和下面的 div（黄色）来代替他。我试图将属性 display:none 但动画不起作用。

任何帮助都非常感谢。

我们正在尝试重现在 HTML5 画布上绘制的曲线，每 100 MS X 点，但有些点在复制的副本中丢失了。我们有用于原始曲线的所有点。

原始曲线：http: //jsfiddle.net/NWBV4/12/

再现曲线：http: //jsfiddle.net/NWBV4/15/

在再现的曲线中，如果我们将 SEGMENT_PER_POINTS 更改为大于点数（例如，1000），它显然绘制完美。

但正如你所知道的，如果数字较小，第二条曲线中就会缺少点。

有谁明白为什么？

当有人滚动页面时，我需要隐藏一个 div。并在停止滚动时显示 div。

是否可以为带有 HTML5 或 jQuery 的触摸屏应用程序执行此操作。

谁能帮帮我

提前致谢

我正在使用 Javascript 为 HTML5 Canvas 动画编写代码。我正在使用requestAnimFrame它。动画效果很好。requestAnimFrame但是当我在使用or的函数中添加一个循环（for 或 while）时setTimeout，动画不起作用。添加循环对我来说很重要。任何建议使这成为可能？

如何使用 paper.js EG 贝塞尔曲线制作基于路径的动画。