簡體   English   中英

放大KineticJS后重新加載圖像

[英]Reloading an image after zooming in KineticJS

我有一個小組,里面是一張圖片。 我的代碼可以正常工作,因此您可以使用鼠標滾輪進行縮放。 縮放停止后,我將以較大尺寸重新加載圖像。 我將新圖像添加到組中(舊圖像仍然是組的一部分),然后執行以下操作:

img.remove();
img.destroy();
imgNew.moveToTop();
imgNew.offsetX = offset.x;
imgNew.offsetY = offset.y;

在此代碼末尾,我的舊圖像消失了,新的圖像不可見。 它的立場是理智的,是我這個小組的孩子。 它的大小恰好是我期望的大小(它的絕對位置是0,0,並且它的大小大於我的畫布)。 我已關閉剪輯,所以如果在任何地方都可以看到它,我會看到的。 我已經更改了調試器中的位置,並在畫布,圖層和組上調用了draw()。 我已經拖動了代碼,並且在所有可能的地方都拖動了拖動控件(仍然存在)。 我還更改了代碼,僅將新圖像添加到頂層而不是下層。

我要提到的情況是相關的,該圖像來自WebAPI RESTful服務,並且傳入了大小,因此兩個圖像的圖像URL不同。

我根本找不到我的圖像! 接下來我該怎么辦?

這個:

KineticJS-如何在單擊按鈕時更改圖像源

回答了我的問題。 簡短版:有一個setImage方法,因此您可以加載新圖像,調用setImage()並將其替換。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM