網(wǎng)頁(yè)設(shè)計(jì)與網(wǎng)站建設(shè)-第八講

網(wǎng)頁(yè)設(shè)計(jì) 建七、Web文檔對(duì)象模型DOM、JavaScript高級(jí)語(yǔ)HTML5概述與基 每一個(gè)網(wǎng)頁(yè)中 都是一 每一個(gè)網(wǎng)頁(yè)都是一個(gè) 7.2靈活使用查 查 通 通 名來(lái)查找所有的網(wǎng)頁(yè)元 我在我在這 我們?cè)?myElement的對(duì)齊方式將myElement Create ?Addit

我是新來(lái)的7.3JavaScript中的Events例如加載網(wǎng)頁(yè)、滾動(dòng)鼠標(biāo)、移動(dòng) 7.4HTML5FirstLook HTML5的目標(biāo)是取代1999年制定的HTML4.01和XHTML1.0標(biāo)準(zhǔn)，以期能 百 7.4HTML5FirstLook HTML5FirstLookWebWebWebWebHTML5

WebSQL HTML5 內(nèi)容 八、實(shí)戰(zhàn)HTML5畫布（上HTML5繪制 繪爾曲爾曲8.1HTML5中的Canvas 在網(wǎng)頁(yè)中添加canvas<!doctype<!doctype<metacharset="utf-Canvas默Canvas默認(rèn)寬高<canvasid="myCanvas"width="300" 在網(wǎng)頁(yè)中添加canvas<!doctype<!doctype<metacharset="utf-<canvasid="myCanvas"width="300" 在網(wǎng)頁(yè)中添加canvas<canvas<canvasid="myCanvas"style=“border:1pxwidth="300" 在網(wǎng)頁(yè)中添加canvas 利用canvas創(chuàng)創(chuàng)建含id的canvas

尋利用idcanvas

獲

繪利用 id屬性的canvas我的我的id是<canvasid="myCanvas"width="300"抱歉，您的瀏覽器不支持canvas id尋找canvas 將查找結(jié)果保存myCanvasvarvar getContext2d表2d表示繪制的維圖var JavaScript利用利用fillStyle置填充利用fillRect制實(shí)心矩利用fillRect制實(shí)心矩利用canvas<canvasid="myCanvas"<canvasid="myCanvas"width="300"抱歉，您的瀏覽器不支持canvasvarvar varvar繪 利用canvas<!doctype<!doctype<metacharset="utf-<canvasid="myCanvas"style="border:solid1px;"width="300"抱歉，您的瀏覽器不支持canvas<scriptvarmyCanvas= varContext=myCanvas.getContext("2d");尋獲繪 利用canvas矩矩形坐坐標(biāo)原點(diǎn)坐標(biāo)原點(diǎn)yy 8.2設(shè)置設(shè)置直的起設(shè)置直的終兩點(diǎn)之繪制直 8.2直線起點(diǎn)直線終點(diǎn)8.3矩形的顏色，包括邊框色與填充矩形的位置及大形

矩矩形起點(diǎn) 矩形矩形起點(diǎn) 開(kāi)始路開(kāi)始路圓形路結(jié)束路繪制圓 acr(x,y,半徑,開(kāi)始角度,結(jié)束角度acr(x,y,半徑,開(kāi)始角度,結(jié)束角度是否順時(shí)針 圓心圓心 8.6 如果如果參數(shù)改成這樣呢 三次 曲 8.7繪 8