HTML5 canvas——插入圖像

視頻內容：

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

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

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

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