今天，你將學(xué)習(xí)一項稱為Canvas（畫布）的web技術(shù)，以及它和文檔對象模型（通常被稱為DOM）的關(guān)聯(lián)。這項技術(shù)非常強(qiáng)大，因為它使web開發(fā)人員能夠通過使用JavaScript訪問和修改HTML元素。

現(xiàn)在你可能想知道為什么我們需要大刀闊斧地使用JavaScript。簡而言之，HTML和JavaScript是相互依存的，一些HTML組件，如canvas元素，并不能脫離JavaScript單獨使用。畢竟，如果我們不能在上面繪圖，那canvas能派什么用處呢？

為了更好地理解這個概念，我們一起通過一個示例項目來嘗試畫一個簡單的笑臉。讓我們開始吧。
開始

首先創(chuàng)建一個新目錄來保存你的項目文件，然后打開你最喜歡的文本編輯器或web開發(fā)工具。一旦你這樣做了,你應(yīng)該創(chuàng)建一個空的index.html和一個空的script.js,之后我們將繼續(xù)編輯。

接下來，我們來修改index.html文件，這不會涉及很多東西，因為我們項目的大部分代碼將用JavaScript編寫。我們需要在HTML中做的是創(chuàng)建一個canvas元素和引用script.js，這相當(dāng)直截了當(dāng)：
 

發(fā)表評論 共有條評論 用戶名: 密碼: 驗證碼: 匿名發(fā)表