添加到画布的图像的奇怪行为

时间:2012-10-10 09:59:45

标签: javascript canvas kineticjs

我尝试在画布上显示一些应该在click事件中显示的图像。一切似乎都没问题,但我发现了一些错误,我无法解决这个问题。错误是在第一个页面上没有显示开场灯图像。它可以通过以下步骤复制:

  1. 在浏览器中打开link;
  2. 点击按钮图像< - 将显示清除矩形
  3. 再次点击。 < - 矩形将消失
  4. 再次点击。 < - 将显示带图像的矩形
  5. 为什么图像不会第一次显示?

2 个答案:

答案 0 :(得分:2)

至少你的代码中有一个(非常常见的)错误。期望为方法.onload分配函数引用。您将它分配给立即函数调用processButtonImages(i, delta, buttons[i], object)的结果(返回值)。因此,只要您没有从此函数调用返回函数引用(您没有),这将无法按预期工作。

答案 1 :(得分:0)

您正在调用图像onload事件并设置其中的某些内容。所以,起初它并没有正确地执行整个事情。检查这个jsfiddle。我在最后编辑了代码http://jsfiddle.net/sKymY/14/