在IE9中运行下面的脚本会产生非常流畅的动画效果,但是在Chrome20(Win和Mac)中运行相同的脚本会产生抖动的动画效果。我该如何解决这个问题?
此外,如果有人能够提供以下相关问题的明确答案,我将不胜感激。
Chrome是否支持子像素文本渲染?
Chrome是否支持基于GPU的文本渲染?
如果是,则请说明添加该功能的确切版本和操作系统。 http://jsbin.com/ijegam/2
在IE9中,初始时动画也有点抖动,但经过几次迭代后,它变得非常流畅。
此外,如果有人能够提供以下相关问题的明确答案,我将不胜感激。
Chrome是否支持子像素文本渲染?
Chrome是否支持基于GPU的文本渲染?
如果是,则请说明添加该功能的确切版本和操作系统。 http://jsbin.com/ijegam/2
<canvas id="myCanvas" width="1000" height="500" style="border:1px solid #d3d3d3;">
</canvas>
<script type="text/javascript">
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);
</script>
在IE9中,初始时动画也有点抖动,但经过几次迭代后,它变得非常流畅。