用eclipse编写html页面,在eclipse里编辑html5，显示不出内容

canvas4

function draw(idd) {

var cav = document.getElementById(idd);

var context = cav.getContext("2d");

var g1 = context.createLinearGradient(0,0,0,300);

g1.addColorStop(0,"rbga(255,255,0)");

g1.addColorStop(1,"rbga(0,255,255)");

context.fillStyle = g1;

context.fillRect(0,0,500,500);

var g2 = context.createLinearGradient(0,0,0,300);

g2.addColorStop(0,"rbga(0,0,255,0.5)");

g2.addColorStop(1,"rbga(255,0,0,0.5)");

for (var i=0;i<10;i++) {

context.beginPath();

context.fillStyle = g2;

context.arc(i*25,i*25,i*10,0,MATH.PI*2,true);

context.closePath();

context.fill();

}

}

在eclipse中创了一个静态网页工程，打了上述代码，但是无法在页面显示该程序应表现的内容，这是为什么呢？