在IE9中运行下面的脚本会产生一个黄油的平滑动画.但是在Chrome20(win& mac)中运行相同的脚本会产生一个摇摆不定的动画.我怎样才能解决这个问题?
如果有人能够对以下相关问题提供明确的答案,我将不胜感激.
chrome支持子像素文本渲染吗?
chrome支持基于GPU的文本渲染吗?
如果是,那么请提及添加功能的确切版本和操作系统.
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
var i=12;
function f() {
ctx.clearRect(0,0,1000,500);
ctx.font=i + "px Arial";
ctx.fillText("Hello World",10,350);
i+=0.1;
}
setInterval("f()", 16);
在IE9中,最初动画也有点摇摆不定,但经过几次迭代后,它变得非常流畅.