黑莓网站上的画布运动太慢

Question

嗨，我使用htlm5和JavaScript编写了画布动画。 在Windows浏览器上运行时，动作几乎是正常的。 但是，当我构建它并在blackberry mobile上运行它时，运动减少的速度可能会快十倍。 我该如何做才能表现呢？ 而且，我使用表单输入来让用户修改图形的大小。 但是，一旦在文本框中修改了值，便会重新调整图形的大小。 仅当单击按钮时，如何才能调整其大小？

Answer 1

该问题可能与JS性能或画布绘图或两者有关。 请执行下列操作：

1）在BB浏览器中运行一千遍与绘画无关的JS函数，并查看其性能。 一些JS活动需要很长时间。 如果可以的话，那就是绘画。

2）BB Canvas标签的问题在于，将其清除并渲染（即，当您停止在BB设备上绘画时，会将其冲洗到屏幕上）都很慢。 在画布上调用绘画功能的实际动作并不慢。 另外-如果您要移动画布，BB会很费劲，它可能为此重新分配了整个缓冲区，所以它会很慢。

选项：

• 降低动画速度-很多。 如果您每秒重新绘制整个窗口小部件多次-这将无法工作。
• 将画布缩小到尽可能小。 一个很小的画布不会有任何问题。 屏幕大小的画布需要一秒钟才能清除，可能需要1/5秒钟才能完成绘制。
• 如果需要，请不要清除画布的任何部分。

所有这些可能意味着设计一种全新的绘画形式。不幸的是，BB上的html 5并不适合动画。 我强烈建议您使用常规图像，然后使用常规旧html div定位根据需要移动/替换图像以创建动画。

Answer 2

您的代码是否经过优化？ 使用JQuery进行位置查找时，我遇到了类似的问题，大约花了30秒钟5000次。 在ipad上，我从

pos2 = jQuery('#n_'+Counter3).position().top; 
to
pos2 = document.getElementById('n_'+Counter3).offsetTop;

现在只需不到10个1秒。

jQuery可能会检查不同的浏览器，因为某些浏览器会使用偏移量（例如top等），因此每次都为您提供正确的值，而不必担心浏览器（但javascript必须执行一堆if语句x 5000）。

就我而言，我针对的目标是iPad，因为您打算使用Blackberry，因此优化可以加快速度，而不必担心跨浏览器的兼容性。