【怎樣建設個人網(wǎng)站】
grd.addColorStop(0,"#00 ff00”)； ／／漸變起點
grd.addColorStop(l,"#OOOOff’)； ／／漸變結束點
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．繪制圖像
／／繪制徑向漸變
／／漸變起點
／／漸變偏移量
／／漸變結束點
canvas相當有趣的一項功能就是可以引入圖像，它可用于圖片合成或者制作背景等。只要是Gecko排版引擎支持的圖像（如PNG、GIF、JPEG等），都可以引入到canvas中，并且其他的canvas元素也可以作為圖像的來源。
用戶可以使用drawImage()方法在一個畫布上繪制圖像，也可以將源圖像的任意矩形區(qū)域縮放或繪制到畫布上，其有三種語法格式。
格式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把整個圖像復制到畫布上，并將其放置到指定點的左上角，然后將每個圖像像素映射成畫布坐標系統(tǒng)的一個單元；格式2也把整個圖像復制到畫布上，但是允許用戶用畫布單位來指定想要的圖像的寬度和高度；格式3則是完全通用的，它允許用戶指定圖像的任何矩形區(qū)域并復制它，對畫布中的任何位置都可進行任意縮放。
