kineticjs - 改变图像导致大滞后

Question

我有一个问题，点击缩略图（导致画布上更改背景的迷你图片）后，页面会开始滞后，如果你越来越多地点击其他缩略图，滞后非常大，其他效果是更改后没有出现文本图像（这与我认为的这些滞后有关）有人可以告诉我问题出在哪里，或者只是查看我的代码并尝试修复它？

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

score 0 · Accepted Answer

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

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

每次点击图片。

这减慢了一切，因为您不是在“更改”图片和文字，而是每次都在“添加”它。所以你要做的就是改变图片和文字，而不是每次都添加，然后重新绘制图层。

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

此外，您不需要每次都更改舞台和图片的宽度和高度，因为它始终是 500，这确实会减慢速度。

1 回答 1