【怎樣建設(shè)個(gè)人網(wǎng)站】
grd.addColorStop(0,"#00 ff00”)； ／／漸變起點(diǎn)
grd.addColorStop(l,"#OOOOff’)； ／／漸變結(jié)束點(diǎn)
cxt.fillStyle=grd;
cxt.filIRect(10,0,180,30);
var radgrad=cxt.createRadialGradient(100,7 0,1,1 00,70,3 0)
radgrad.addColorStop(O," #OOffD 0 ");
radgrad.addColorStop(0.9,"#OOOOff ');
radgrad.addC olorStop( l,"#fffffF');
cxt.fillStyle=radgrad;
cxt.fillRect(70,40,60,60);
</script>
</body>
</html>
6．繪制圖像
／／繪制徑向漸變
／／漸變起點(diǎn)
／／漸變偏移量
／／漸變結(jié)束點(diǎn)
canvas相當(dāng)有趣的一項(xiàng)功能就是可以引入圖像，它可用于圖片合成或者制作背景等。只要是Gecko排版引擎支持的圖像（如PNG、GIF、JPEG等），都可以引入到canvas中，并且其他的canvas元素也可以作為圖像的來(lái)源。
用戶可以使用drawImage()方法在一個(gè)畫布上繪制圖像，也可以將源圖像的任意矩形區(qū)域縮放或繪制到畫布上，其有三種語(yǔ)法格式。
格式1：
drawlmage(image, x, y)
·85·
格式2： I
drawlmage(image,x,y'width, height) j
格式3： {
drawlmage(image,sourceX,sourceY'sourceWidth'sourceHeight'destX'destY'destWidth'destHeight)8
格式1把整個(gè)圖像復(fù)制到畫布上，并將其放置到指定點(diǎn)的左上角，然后將每個(gè)圖像像素映射成畫布坐標(biāo)系統(tǒng)的一個(gè)單元；格式2也把整個(gè)圖像復(fù)制到畫布上，但是允許用戶用畫布單位來(lái)指定想要的圖像的寬度和高度；格式3則是完全通用的，它允許用戶指定圖像的任何矩形區(qū)域并復(fù)制它，對(duì)畫布中的任何位置都可進(jìn)行任意縮放。
