如何利用dreamweaver簡易畫圖?

通過canvas，學習怎麼在網頁進行簡易畫圖

工具/原料

dreamweaver cs6(此版本支援htm5)

方法/步驟

新建一個HTML文件

簡歷一個canvas，可以理解為畫布。

。

定義canvas屬性，

接下來，就是畫東西了，利用點能夠很好地確定一個影象，

cans.moveTo(100,100);

cans.lineTo(50,150);

cans.lineTo(100,200);

cans.lineTo(150,150);

cans.closePath();

cans.moveTo(200,200);

cans.lineTo(150,250);

cans.lineTo(200,300);

cans.lineTo(250,250);

最後，就完成了。完整程式碼如下：