Canvas对角线渐变

function drawScreen() {
var gr=context.createLinearGradient(0,0,100,100);
// 添加颜色断点
gr.addColorStop(0,'red');
gr.addColorStop(.5,'rgb(0,255,0)');
gr.addColorStop(1,'black');

// 应用fillStyle生成渐变
context.fillStyle=gr;
context.fillRect(0,0,100,100);
}