超クールな jQuery 水波反射特殊効果プラグイン

簡単なチュートリアル

lake.js は、水の波の反射の特殊効果を作成できる jQuery プラグインです。この jquery プラグインは、任意の画像をキャンバス コンポーネントに変換できるため、画像でリアルな水の波の反射効果を生成できます。

使用方法

jquery と Lake.js ファイルをページに導入します。

<script src="path/to/jquery.min.js"></script>                  
<script src="path/to/lake.js"></script>

HTML 構造

は、あらゆる画像に水の波の反射効果を作成できます。

<img id="lake-img" src="lake.png" style="display: none;"/>

初期化プラグイン

ページの DOM 要素が読み込まれた後、次の方法で jquery 水波反射プラグインを初期化できます。

$(function() {
  $('#lake-img').lake({
    'speed': 1,
    'scale': 0.5,
    'waves': 10
  });
});

設定パラメータ

jquery 水波反射プラグインには 3 つの利用可能な設定パラメータがあります:

• speed: 水波の動きの速度。

• スケール: 水の波の頂点の高さ。

• waves: 水の波の数。

上記は、非常にクールな jQuery 水波反射特殊効果プラグインの内容です。その他の関連コンテンツについては、PHP 中国語 Web サイト (www.php.cn) に注目してください。