私は最近このウェブサイトhttp://www.consumerbarometer.comを訪れ、そのデザインに惹かれました。同じ種類の jquery プラグインを探してみましたが、うまくいきませんでした。最終的にhttp://blog.hostgrenade.com/2012/04/25/html5-canvas-bubble-demo-v2/を見つけましたが、まだ似ていません。
同様のjqueryプラグインがあることを誰かが知っていますか?
ありがとうございます!
私は最近このウェブサイトhttp://www.consumerbarometer.comを訪れ、そのデザインに惹かれました。同じ種類の jquery プラグインを探してみましたが、うまくいきませんでした。最終的にhttp://blog.hostgrenade.com/2012/04/25/html5-canvas-bubble-demo-v2/を見つけましたが、まだ似ていません。
同様のjqueryプラグインがあることを誰かが知っていますか?
ありがとうございます!
プラグインは必要ありません。選択した色でアニメーションの円を描くことができる、コンテンツの背後に配置されたフルスクリーン キャンバスが必要なだけです。
注:そのページの答えはたまたま私のものです。
プラグインが処理してくれると期待していた特定の部分はありますか?
実際、これが である必要さえない理由はありません。不透明度の低いアニメーション化された配置要素で<canvas>
同じ効果を生み出すことができるからです。唯一の「トリッキー」な部分は、コンテンツが画面の端から外れてもスクロールバーが表示されないよう<img>
に、コンテナーに配置することです。overflow:hidden
本当にjQueryを使用したい場合は、jQuerySVGを使用できます。キャンバスは使用しませんが、同様のことができます。それ以外の場合は、FabricJSやKineticJSなどのJavascriptキャンバスライブラリ(このトピックを参照)を見ることができます。
PS:Phrogzが言ったように、プラグインは必要ありません。「最新のブラウザ」を使用するだけです