我有以下的HTML5代码:
<canvas id="myCanvas" width=600 height=600>
</canvas>
接着是一些JavaScript代码:
<script type="text/javascript">
<!--
var img = new Image();
img.addEventListener('load', function()
{
reDraw('', this);
}, false);
img.src = "wood.png";
function reDraw(canv, image)
{
var canvas = canv;
if (canvas == '')
{
canvas = $("canvas");
}
var size = canvas.attr("width");
var elem = canvas.get(0);
if (!elem || !elem.getContext){
return;
}
var context = elem.getContext('2d');
if (!context || !context.drawImage)
{
return;
}
context.drawImage(image, 0, 0, size, size);
};
window.onresize = function() {
var size = window.innerWidth;
if (window.innerHeight < size)
{
size = window.innerHeight;
};
size = size/2;
$("canvas").each(function()
{
$(this).attr({width: size, height: size});
reDraw($(this), img);
});
};
// -->
</script>
现在的问题是,在Chrome浏览器下这段代码可以顺利工作,但是在FireFox(3.6.15)下当我调整窗口大小时,它需要一段时间才能工作。可能的问题是什么?如何修复它,以便也可以在FF下顺利运行?