改变图像会导致大的滞后

时间:2013-02-06 09:20:54

标签: kineticjs

我有一个问题,点击缩略图(导致更改画布背景的迷你图片),页面将开始滞后,如果你越来越多点击其他缩略图,滞后是非常大的,其他效果是文本没有在更改图像后出现(这与我再次想到的这些滞后相关)有人可以告诉我问题出在哪里或只是查看我的代码并尝试修复它吗?

谢谢我,因为我真的不知道问题出在哪里:(

http://codepen.io/anon/pen/ydxIH

1 个答案:

答案 0 :(得分:0)

http://codepen.io/anon/pen/bsdHp

这里的主要错误是你在做:

    layer.add(yoda);
    layer.add(vrchnyText);
    layer.add(spodnyText);
    stage.add(layer); 

每次点击图片。

这减缓了一切,因为你没有“改变”图片和文字,你每次都在“添加”它。所以你想要做的是改变图片和文字,而不是每次都添加它,然后再次绘制图层。

    vrchnyText.setText($(this).val().toUpperCase());
    layer.draw();

此外,您不需要每次都更改舞台和图片的宽度和高度,因为它总是500,这真的会减慢它。