index.html內容：
你的瀏覽器不支援 html5
(function() x [起點x座標]* @param y [起點y座標]
* @param width [寬度]
* @param height [高度]
* @param linewidth [線寬]
* @param color [邊框顏色，如果是陣列，則漸變]
* @param direction [漸變方向：0-左右；1-上下；2-左上到右下；3-左下到右上]
* @return [無]
*/function drawrectangle(x, y, width, height, linewidth, color, direction)
fillrectangle(10, 220, 300, 200, ['blue', 'green'], 3);
/*** [fillrectangle 畫乙個實心的矩形]
* @param x [起點x座標]
* @param y [起點y座標]
* @param width [寬度]
* @param height [高度]
* @param color [填充顏色，如果是陣列，則漸變]
* @param direction [漸變方向：0-左右；1-上下；2-左上到右下；3-左下到右上]
* @return [無]
*/function fillrectangle(x, y, width, height, color, direction)
function getfillcolor(x, y, width, height, color, direction) else if (direction == 2) else if (direction == 3)
fillcolor = context.createlineargradient(x1, y1, x2, y2);
for (var i=0; i} return fillcolor; }
})();
canvas繪製乙個漸變顏色的矩形
lang en charset utf 8 titletitle canvas lineargradient style head class lineargradient div width 600 height 400 canvas var mycanvas document.querysele...
canvas 漸變文字
html要求 body這裡的onload一定要寫，在這個處理模式下，是在body這裡執行載入頁面完成後載入canvas的命令。有的寫在了js中的window.nl ad function 這裡就要換一種寫法了。其實實現方法是多種多樣的，重在理解原理。這裡可以填寫文字 譬如 您的瀏覽器不支援canva...
畫漸變函式
procedure colorful sender tcanvas c1,c2 tcolor width,height integer mode integer var i integer rct trect r1,g1,b1,r2,g2,b2,r3,g3,b3 byte begin with tc...