JavaScript   发布时间:2022-04-16  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了javascript – Raphael JS中的动画字体大小是否有流畅的过渡可能性?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
到目前为止它似乎不流利,但波涛汹涌.例如.如果你有一个font-size:14的状态属性,并希望使用font-size:16设置动画状态,那么转换看起来并不平滑.

它分两步跳.首先更改为15然后更改为16px.

它可以被迫看起来更光滑吗?

我正在使用Firefox 14进行测试.

我目前的代码:

var fillerText = {
        "fill" : "#00738f","font-size": 14,"font-family": "Arial,Helvetica,sans-serif"
        }
    var fillerTextHover = {
        "fill" : "#00738f","font-size": 16,sans-serif","cursor": "pointer"
        }

text.hover(function () {
       text.animate(fillerTextHover,500);
               },function () {
       text.animate(fillerText,500);
          }
);

解决方法

这是一个已知问题,与Raphael无关,但与 sub-pixel rendering

尽管使用新的CSS 3 animations可以看到它只是在动画完成之前对字体进行升级,然后重新绘制.

对不起,我没有为您提供解决方案,但到目前为止我还没有看到过使用CSS的流畅的跨浏览器字体大小的动画.

但是你能做些什么来掩饰这种效果,就是减少动画间隔时间并扩大字体大小的差距.然后,这些步骤出现在更快的时间范围内,并且无法看到单个步骤.

See this fiddle

大佬总结

以上是大佬教程为你收集整理的javascript – Raphael JS中的动画字体大小是否有流畅的过渡可能性?全部内容,希望文章能够帮你解决javascript – Raphael JS中的动画字体大小是否有流畅的过渡可能性?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。