gpt4 book ai didi

javascript - FF 中 Canvas 图像滚动性能

转载 作者:行者123 更新时间:2023-11-28 10:02:07 25 4
gpt4 key购买 nike

我在 FF 中遇到了严重的性能问题。

这是代码:

JS:

var img = new Image();  
img.src = 'image.jpg';

var w = $(window).outerWidth();
var h = $(window).height();

var addit = -1;
var scrollSpeed = 10; //fast in IE, but very slow in FF
var current = 0;

ctx = document.getElementById('canvas1').getContext('2d');

var init = setInterval(function(){
current += addit;
ctx.drawImage(img,current,0, w, h);
}, scrollSpeed);

CSS:

    #canvas1 {
width:auto;
height:100%;
position: absolute;
top: 0;
left: 0;
}
body {
overflow: hidden;
}

HTML:

<body>
<canvas id="canvas1" width="1784px" height="534px"></canvas>
</body>

image.jpg 为 1784x534px

有人可以帮助我在 FF 中获得与 IE 相同的性能吗?我尝试过使用 CSS left 属性,但性能仍然很慢。谢谢!

最佳答案

经过对硬件加速的一些调查;我在 Firefox“about:support”中注意到“Direct2D Enabled”被错误版本的图形驱动程序阻止。

我更新了它,现在由于硬件加速,速度变得更快了。

关于javascript - FF 中 Canvas 图像滚动性能,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9001578/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com