html5动画缩小,javascript – 如何平滑地动画缩放HTML5画布fillText()

在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中,最初动画也有点摇摆不定,但经过几次迭代后,它变得非常流畅.