这个问题取代了我前几天发布的一个问题。我已经重写了我的代码,完全删除了HTML5 Canvas。
我正在努力让jQueryRotate与IE一起工作。我的代码适用于Firefox和IE9,但获得了
'parentNode' is null or not an object - in IE8.
http://jsfiddle.net/otherDewi/pm4Ng/2/
XHair,yHair定位十字准线,鼠标移动功能中的其余代码计算枪的角度。
$wrapper.mousemove(function(e){
xHair=e.pageX-45;
yHair=e.pageY-45;
xGPos = xHair/4+280;
yGPos = yHair/4+200;
difx = xHair-(190+xGPos);
dify = yHair -(185+ yGPos);
radians = Math.atan2(dify,difx);
//rotation = radians+2.36; //rotation in radians
rotation = (((radians*180)/Math.PI)+135); //rotation in degrees
//console.log(rotation);
});
在jsFiddle上,如果$ gun.rotate行中的任何一行被注释掉,代码就会起作用
function shotGun(){
//$gun.rotate({angle:rotation});
//$gun.rotate({angle:45});
$gun.css('margin-left', xHair/4+280);
$gun.css('margin-top', yHair/4+200);
}