1

When I turn the pages using jQuery, the text in the page becomes blur.

This is the function I am using to turn the pages:

$('#book').turn({
    display: 'double',
    autoCenter: true,
    acceleration: true,
    elevation: 150,
    page: nrPage,
    when: {
        first: function (e, page) {
            $('.nav_arrow.prev').hide();
        },

        turned: function (e, page) {

            if (page > 1) {
                $('.nav_arrow.prev').fadeIn();
                $('#about').hide();
            }
            if (page == 1) {
                $('#about').css('z-index', 11);
            }
            if (page < $(this).turn('pages')) {
                $('.nav_arrow.next').fadeIn();
            }
            update_fonts();
            $(this).setPage(page);
        },
        turning: function (e, page) {

            if (page < 2) {
                $('#about').show();
            } else {
                $('#about').css('z-index', 5);
            }
        },

        last: function (e, page) {
            $('.nav_arrow.next').hide();
        }
    }
});

Need some guidance to ensure that the text does not become blur. Would appreciate any help. Thanks.

4

2 回答 2

0

Webkit 支持一些专有版本的非标准font-smooth：

-webkit-font-smoothing: [none | subpixel-antialiased |antialiased];

antialiased因此，当使用而不是标准时，这可能对 webkit 浏览器有所帮助subpixel-antialiased。不确定您可以在其他浏览器中做什么，因为这是非标准的，并且在任何其他浏览器中都不支持。

您没有包括turn()但如果您正在执行 3d 转换，现代浏览器会将计算任务交给显卡，这可能会返回更好的结果，因此使用任何转换的 3d 形式也可能会改善结果：

#elem{
   /* instead of: */
   transform: translateX( 20px );
   /* do this: */
   transform: translate3d( 20px, 0, 0);
}
于 2013-06-27T13:17:49.180 回答
0

我知道这篇文章已经很老了，尽管有人仍然可以寻找那个信息:) 你应该将加速度设置为 false。那应该可以解决问题。

于 2018-05-25T05:43:54.697 回答