window.onload=function(){
?? ?var canvas=document.getElementById("canvas");
?? ?canvas.width=WINDOW_WIDTH;
?? ?canvas.height=WINDOW_HEIGHT;
?? ?var context=canvas.getContext("2d");
?? ?for(var i=0;i<tangram.length;i++){
?? ??? ?draw(tangram[i],context)
?? ?}

?? ?function draw(pice,cxt){
?? ??? ?cxt.beginPath();
?? ??? ?cxt.moveTo(pice.p[0].x,pice.p[0].y)
?? ??? ?for(var i=0;i<pice.p.length;i++){
?? ??? ??? ?cxt.lineTo(pice.p[i].x,pice.p[i].y)
?? ??? ?}
?? ??? ?cxt.closePath();

?? ??? ?cxt.fillStyle=pice.color;
?? ??? ?cxt.fill();
?? ?}