問題タブ [trianglify]

だから私はtrianglify.jsをいじっています。

ここでの私の目的は、マウスが移動すると、三角形のキャンバスの分散が変化することです。

理論的には問題ありませんが、実際には、いくつかの異なるコード形式を試してみましたが、実際には新しい値を尊重するために trianglify を取得できないようです。

うまくいけば、誰かが私が間違っていることに光を当てることができます。

私は Ember を学んでいますが、ember ルートでスクリプトの依存関係を使用することになると、障害にぶつかりました。in を使用して、bower 依存関係Trianglify.jsをアプリケーションに含めました。app.import()ember-cli-build.js

このスクリプトを使用して、ホーム ルート テンプレートの背景を変更したいと考えています。ホームページの要素に背景効果を適用したいと考えています。カスタム クラスをホーム ルートの出力コンテナーに追加するか、.ember-view今のところグローバル div をターゲットにして、動作させるようにします。

Ember の仕組みについてほとんど知らないことに気づき、この機能を実現する方法についてかなり混乱しています。次のように Trianglify をhome.jsルートにインポートしようとすると:

エラーが発生します：

スクリプトがどこに移動するのapp.import()か、アプリケーションの他の場所でこれらのスクリプトを使用して特定のビューの要素の表示を変更する方法がわかりません。他の JS ファイルで使用するためにこのスクリプトをインポートするにはどうすればよいですか? どのように参照すればよいですか？

また、コンポーネントは使用すべきものであるため、このルートのカスタム ラッパー コンポーネントを作成し、Trainglify をそのファイルにインポートしますか?

助けてくれてありがとう。

SVG 背景に Trianglify js を設定したいのですが、できません。次のコードでdivを設定できます：

ページ B への href リンクを含むページ A で SVG 要素を使用しています。ページ B には、Trianglify API を呼び出して背景を生成するスクリプトがあります。

ただし、このリンクをクリックしてページ B に移動すると、スクリプトはトリガーされません。ページ B でページを更新すると、スクリプトがトリガーされ、バックグラウンドが機能します。

href 要素をクリックするだけでこのスクリプトをトリガーする方法を誰かが教えてくれますか?

(アプリケーションはエクスプレス/ノードとハンドルバーで書かれています) これは私がそれをトリガーする方法です:

そして、これがページAのボタンです--

trianglify.jsとgem 'therubyracer'を使用して、サーバー側 (ルビー) で三角形パターンの背景を生成しようとしています ( execjsも試しました - 同じエラー)

次のコードを使用します

読み込まれたスクリプト https://cdnjs.cloudflare.com/ajax/libs/trianglify/1.0.1/trianglify.js

エラー