back

ボリュームコントロール

マウスカーソルに合わせてつまみが回る。 onclickイベントでonmousemoveイベントハンドラのアタッチ/デタッチを行えば、ボリュームつまみのような効果が期待出来るであろう。このソースでは、マウス位置に合わせて角度を算出、角度から値を取得、範囲内なマトリクスフィルタのパラメータを更新、を行っている。問題は、auto expand によって画像の offsetWidht,offsetHeight を取得しなおして表示位置を更新いるのだが、画像がグラグラ動く感じは否めない。レンダリングにも時間がかかるようで、砂時計がチラチラしてうっとうしい。また、シャドウフィルタを適用する場合、GIF画像に対して透明な余白を設定してやる必要がある。もう少し工夫をしないと使えない。