在 HTML5 的 Canvas 元素中使用 drawImage() 方法繪製圖片時，若有多張圖片需依序疊加顯示，確保每張圖片都已完整載入至記憶體是極為重要的。若在圖片尚未載入完成時就嘗試繪製，drawImage() 將無法正確顯示圖片，導致畫面缺失。
本文範例示範如何透過 Image 物件的 onload 事件處理機制，確保兩張圖片載入完成後再繪製，並正確疊加其圖層順序。
範例說明：
假設我們要繪製兩張圖片（t1.png：假如儲存在雲端，t2.png：儲存在本地電腦端與本範例程式碼位於同一目錄）：先繪製 t1.png 作為底層，後繪製 t2.png 疊加於 t1.png 之上。
