如何在頁(yè)面中插入畫布dreamweaver

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

在頁(yè)面中插入畫布

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

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

【操作步驟】

第1步，啟動(dòng)Dreamweaver CC，新建文檔，保存為test.html。

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

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

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

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

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

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

相關(guān)視頻回答

回復(fù)(0)