1

jQueryでページをめくると、ページ内の文字がぼやけてしまいます。

これは、ページをめくるために使用している関数です。

$('#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();
        }
    }
});

テキストがぼやけないようにするためのガイダンスが必要です。助けていただければ幸いです。ありがとう。

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 に答える