畫布drawImage，在小提琴中工作，但不在鉻

所以我正在寫一個腳本來打印一些瓷磚，到目前爲止，它應該只在左上角畫一個瓷磚。它在JSfiddle中正常工作，我在下面鏈接，但不在Chrome中。畫布drawImage，在小提琴中工作，但不在鉻

如果我進入了我的Chrome控制檯並輸入initalRoom.tileGrid[1].tileImage.drawClipped(0,0,32,32,0,0);，它會給出所需的結果，其中的圖塊出現在左上角，但是此文件準備就緒時，此命令已被調用。

任何人都可以提供幫助嗎？謝謝。

JSfiddle example

來源

2015-12-11 Simon Kay

使用'image.onload'等待您的圖像加載，然後再嘗試繪製它。 – markE

我在JS去年選了一門，我發現，在畫布上的鍍鉻缺乏落後於其他瀏覽器如火狐Firefox的嘗試，看看你的代碼工作。

來源

2015-12-11 01:00:46 Hobson

是的，firefox的作品。但仍然有點煩人。你有什麼想法如何讓這個工作在鉻？ –

大壩有一個答案只是要發佈它。 Chrome沒有任何問題，您只是在您嘗試繪製之前沒有等待圖像加載。 – Blindman67

@ Blindman67如果你認爲你可以改進[dupe]（http://stackoverflow.com/questions/32880641/canvascontext2d-drawimage-issue-onload-and-cors），那麼我們就把它變成一個社區wiki（兩個問題並回答）爲此目的:-) – Kaiido

畫布drawImage，在小提琴中工作，但不在鉻

回答

相關問題