如何在頁面中插入畫布dreamweaver

提問人：劉旭39發(fā)布時間：2020-11-10

在頁面中插入畫布

如果要向頁面中添加canvas元素，可以使用下面的代碼。在默認(rèn)情況下，Canvas API所創(chuàng)建的矩形區(qū)域大小為寬300px、高150px,可以使用width與height屬性來自定義其寬度和高度。

下面通過一個完整的示例來演示如何在頁面內(nèi)插入畫布。

【操作步驟】

第1步，啟動Dreamweaver CC，新建文檔，保存為test.html。

第2步，將光標(biāo)定位到編輯窗口中。

第3步，選擇“插入畫布”命令，在編輯窗口中插入一個畫布控件圖標(biāo)，如圖所示。

第4步，在編輯窗口中選中插入的畫布，然后就可以在“屬性”面板中設(shè)置畫布的ID、寬度和高度，如圖6.24所示。

上面4步只是簡單地創(chuàng)建了一個Canvas對象，在瀏覽器打開的頁面上什么都不會看到。但如果是Dreamweaver的設(shè)計視圖中，則可以看到這個矩形區(qū)域。

第5步，可以在canvas兀素中使用標(biāo)準(zhǔn)的CSS屬性設(shè)置幽布外觀，

第6步，切換到代碼視圖，可以在<head>標(biāo)簽內(nèi)自動添加一個內(nèi)部樣式表。

相關(guān)視頻回答

回復(fù)(0)