HTML5 canvas——插入圖像

視頻內(nèi)容：

    在canvas中顯示圖片非常簡單?？梢酝ㄟ^修正層為圖片添加印章，拉伸或者修改圖片，并且圖片通常會成為canvas上的焦點。用HTML5 canvas API內(nèi)置的幾個簡單命令可以輕松地為canvas添加圖片內(nèi)容。

    不過，圖片增加了canvas操作的復(fù)雜度，因為必須等到圖片完全加載后才能對其進行操作。瀏覽器通常會在頁面腳本執(zhí)行的同時異步加載圖片。如果視圖在圖片未完全加載后才能對其呈現(xiàn)到canvas上，那么canvas將不會顯示任何圖片。因此，開發(fā)人員要特別注意，在呈現(xiàn)之前，應(yīng)確保圖片已經(jīng)加載完畢。

    為保證在呈現(xiàn)之前圖片已完全加載，可以進行回調(diào)，即只有當(dāng)圖像加載完成時才執(zhí)行后續(xù)代碼。

    視頻中有一個案例，如有需要，請看視頻。