在DiaryAll的那个jsp里的这一块老报错

function rotate${id.count }(){

var param${id.count } = {

right: document.getElementById("rotRight${id.count }"),

left: document.getElementById("rotLeft${id.count }"),

reDefault: document.getElementById("reDefault${id.count }"),

img: document.getElementById("diary${id.count }"),

cv: document.getElementById("canvas${id.count }"),

rot: 0

};

var rotate = function(canvas,img,rot){

//获取图片的高宽

var w = 400; //设置图片的宽度

var h = 400; //设置图片的高度

//角度转为弧度

if(!rot){

rot = 0;

}

var rotation = Math.PI * rot / 180;

var c = Math.round(Math.cos(rotation) * 1000) / 1000;

var s = Math.round(Math.sin(rotation) * 1000) / 1000;

//旋转后canvas面板的大小

canvas.height = Math.abs(c*h) + Math.abs(s*w);

canvas.width = Math.abs(c*w) + Math.abs(s*h);

//绘图开始

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

context.save();

//改变中心点

if (rotation <= Math.PI/2) { //旋转角度小于等90度时

context.translate(s*h,0);

} else if (rotation <= Math.PI) { //旋转角度小于等180度时

context.translate(canvas.width,-c*h);

} else if (rotation <= 1.5*Math.PI) { //旋转角度小于等270度时

context.translate(-c*w,canvas.height);

} else {

rot=0;

context.translate(0,-s*w);

}

//旋转90°

context.rotate(rotation);

//绘制

context.drawImage(img, 0, 0, w, h);

context.restore();

img.style.display = "none"; //设置图片不显示

}

var fun = {

right: function(){//向右转的方法

param${id.count }.rot += 90;

rotate(param${id.count }.cv, param${id.count }.img, param${id.count }.rot);

if(param${id.count }.rot === 270){

param${id.count }.rot = -90;

}else if(param${id.count }.rot > 270){

param${id.count }.rot = -90;

fun.right();//调用向右转的方法

}

},

reDefault: function(){//恢复默认的方法

param${id.count }.rot = 0;

rotate(param${id.count }.cv, param${id.count }.img, param${id.count }.rot);

},

left: function(){//向左转的方法

param${id.count }.rot -= 90;

if(param${id.count }.rot <= -90){

param${id.count }.rot = 270;

}

rotate(param${id.count }.cv, param${id.count }.img, param${id.count }.rot); //旋转指定角度

}

};

param${id.count }.right.onclick = function(){ //向右转

param${id.count }.cv.style.display="";//显示画图面板

fun.right();

return false;

};

param${id.count }.left.onclick = function(){ //向左转

param${id.count }.cv.style.display="";//显示画图面板

fun.left();

return false;

};

param${id.count }.reDefault.onclick = function(){//恢复默认

fun.reDefault(); //恢复默认

return false;

};

}