波紋のテスト

Javascriptで画像処理

CSS,Javascriptで画像処理(波紋)

    波紋
波の縦ピッチ:

波の開始位置(%):

波の横揺れの幅:

波の減衰率:

波の速度:

波の広がり:
波紋テストの各パラメータを変更して動作の変化を確認出来る様にしてみた。
具体的なソースは、Javascriptのソースを開いて確認して下さい。

buttonのclickイベントはonclickとしたらIEでは動作したがChromeではイベント発生しなかった。
結局onClicとしら動作OKになったが、詳細は不明。
ただしHTML内にOnClicを入れた構文ではサーバーにアップしてローカルネットワーク内でテストしたら
インラインスクリプトのエラーになりnonce属性が必要となるので、外部スクリプトに変更。
戻る