《HTML5canvas開發詳解（第2版）》——1.4　文件物件模型（DOM）和Canvas

本節書摘來自非同步社群《HTML5 canvas開發詳解（第2版）》一書中的第1章，第1.4節,作者： 【美】Steve Fulton , Jeff Fulton 更多章節內容可以訪問雲棲社群“非同步社群”公眾號檢視。

1.4　文件物件模型（DOM）和Canvas

文件物件模型代表了在HTML頁面上的所有物件。它是語言中立且平臺中立的。它允許頁面的內容和樣式被Web瀏覽器渲染之後再次更新。使用者可以通過JavaScript訪問DOM。從20世紀90年代末以來，文件物件模型已經成為JavaScript、DHTML和CSS開發最重要的一部分。

畫布元素本身可以通過DOM，在Web瀏覽器中經由Canvas 2D環境訪問。但是，在Canvas中建立的單個圖形元素是不能通過DOM訪問的。正如本章前面講到的，畫布工作在即時模式，它並不儲存自己的物件，只是說明在每個單個幀裡繪製什麼。

例1-2在HTML5頁面上使用DOM定位< canvas >標籤，這也可以用JavaScript來操作。在開始使用< canvas >前，首先需要了解兩個特定的DOM物件：window和document。

window物件是DOM的最高一級，需要對這個物件進行檢測來確保開始使用Canvas應用程式之前，已經載入了所有的資源和程式碼。

document物件包含所有在HTML頁面上的HTML標籤。需要對這個物件進行檢索來找出用JavaScript操縱< canvas > 的例項。