1

JQueryリフレクション関数を使用しようとしていますが、問題が発生しています。反射機能は、クラスを追加しようとするすべての画像で正常に機能しますが、画像のサイズを変更しない場合にのみ機能します。

反射を適用する画像のサイズを変更しようとすると、適用しようとしているサイズが無視され、一部の画像が切り取られます...画像のサイズを変更する正しい方法は何でしょうか。に反射を適用していますか？

jsFiddle

http://jsfiddle.net/suxcd/

注：「width：50％」を削除すると、反射は正常に機能し、画像全体が正常に表示されます。

4

2 に答える 2

1

パーセンテージでサイズを変更しています。定義された数値を使用すると、機能します

http://jsfiddle.net/suxcd/1/

問題は、％である必要があるかどうかです。

編集：

こちらをご覧くださいhttp://jsfiddle.net/suxcd/3/

基本的にこれを変更しました

h.scale(0.5, -1);

0.5は50％と同じで、0.5を動的な値に簡単に設定できます。imgタグのwidth属性を取得し、％がある場合は、数値を取得して10進数に変換し、そこで使用します。％がない場合は、変更しないでください

于 2012-06-11T20:17:12.933 に答える
1

可能ですが、リフレクトを使用するすべての画像に1パーセントの値を使用する場合にのみ機能します（またはIDを使用する必要があります）。

とにかく、ここに更新されたフィドルがあります。

最も重要なコード：ドキュメント対応コードを編集しました：

$(document).ready(function() {
    var options = {
        opacity: 0.75
    };
    $('.reflect').reflect(options);
    $('.reflected').parent('.reflect').children('canvas').width('50%');
});​
于 2012-06-11T20:25:18.943 に答える