問題タブ [bonsaijs]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
502 参照

bonsaijs - bonsai コードを動的に変更する

私はコードのこの部分を持っています

問題は、Json を使用してパイを動的に変更したいということです。デミでは整数で示されていますが、ここでも整数です。これは、パイのレンダリングで問題を引き起こす行です。

0 投票する
1 に答える
84 参照

javascript - マスクされたボックスは引き続き関数を呼び出します

マウスオーバーのようなイベントをマスクにアタッチする方法はありますか? この例は私の問題を示しています: http://goo.gl/DRhsH

マウスを青いボックスの隣に渡すと、マスクの色が変わります。私がやりたいことは、マウスが青いボックスを通過したときにそのイベントを呼び出すことです (近くではありません - これは、青と赤のボックスが原因で発生します)別の四角形でマスクされており、マウスをそれらの近くに渡すと)、表示された画像のみを操作する必要があり、そのようなイベントをバインドすると問題が解決するはずです。

クリック/マウスオーバーをグループにバインドしようとしましたが、同じ結果が維持され、表示された部分だけでなく、画像全体にアクセスできます。私もそれをクリップしようとしましたが、クリップされたコンテンツを追跡し続けます

0 投票する
0 に答える
113 参照

bonsaijs - ワーカー未定義

bonsai ドキュメントの「通信」セクション (http://docs.bonsaijs.org/overview/Communication.html) には、IE9 を除くすべての場所で実行される次の例があります。

最初の質問は、次のコード変更の理由です。

ここで、movie.js は次のとおりです。

「WORKER undefined」をスローします</p>

元のコードが IE9 で機能しないのはなぜですか?

0 投票する
1 に答える
274 参照

bonsaijs - イベントデータを分解/再構築せずにステージから親コンテキストに渡す方法は?

次のコードを検討してください。

したがって、円をクリックするとエラーが発生します:DATA_CLONE_ERR:DOM Exception 25

ev.xやev.yのようなプロパティを送信するだけで、問題なく渡されます。送信する前に、プロパティからオブジェクトを再構築することもでき、正常に通過します。

分解->再構築せずに、イベントオブジェクトをそのまま親コンテキストに送信するにはどうすればよいですか?ちなみに、なぜ盆栽はこのように機能するのですか?

0 投票する
1 に答える
241 参照

bonsaijs - 軌道上の盆栽js

ステージにシェイプを追加してフェードなどを実行させることはできますが、変形させることはできません。どういうわけか、線と曲線に分離する必要がありますか?

0 投票する
1 に答える
99 参照

bonsaijs - bonsaijs のテキストの矛盾

BonsaiJS を使い始めたばかりで、Text の表示方法に奇妙な動作が見つかりました。次の図が示すように、Chrome(25)、Firefox(19)、および IE(9) では、サイトのテキストの例は chrome でのみ正しく表示されますが、orbit の同じ例は 3 つのブラウザーすべてで正しいように見えますが、例外は次のとおりです。上部に残っている空白が何らかの理由で異なります..

一貫性のないテキスト表示

なぜこれが起こっているのか、どうすれば修正できるのかについての手がかりはありますか?

PS: テキストがすべて黄色で表示されるのが我慢できなかったので、textStrokeWidth を下げました '^^

0 投票する
2 に答える
1038 参照

javascript - JS ライブラリを使用して SVG ファイルをアニメーション化するにはどうすればよいですか - Bonsai はこれに最適ですか?

Illustrator で作成した SVG ファイルをアニメーション化できる js ライブラリを見つけて学習したいと考えています。After Effects とモーション グラフィックスの経験が豊富なので、多くのアニメーション機能を提供してくれる JS ライブラリを探しています。

私は今 BonsaiJS をチェックしています。Bondsai で SVG ファイルをアニメーション化できるかどうかについて誰かアドバイスしてもらえないかと思っています。

現在、サイト全体のイメージ タグに SVG が埋め込まれています。Bonsai で SVG をアニメーション化する方法についての私の考えを説明するために、いくつかのサンプル コードを簡単に書きました。しかし、シェイプではなく既存の SVG ファイルを処理するための特別な要件はありますか? SVG 形式と JS アニメーション ライブラリは私にとって初めてのことで、あいまいに聞こえて申し訳ありません。js ライブラリを使用して SVG をアニメーション化するためのチュートリアルを紹介するだけでも、非常に役立ちます。

0 投票する
1 に答える
13411 参照

javascript - Uncaught TypeError: Illegal constructor – Backbone.JS での Bonsai.JS の使用

私はまだjsが初めてで、bonsai.jsをバックボーンアプリに適合させようとしています。

私はこちらのガイドに従っています: https://github.com/iamdustan/bonsai-demos、アニメーションを別のファイルに入れることで「物事を分離」しようとしていますhero-animation.jsUncaught TypeError: Illegal constructor、最初の行にhero-animation.js

これはバックボーン ルーターで呼び出され、正常に動作しています...

これがhero-animation.jsにあるもので、1行目でエラーが発生しています:

0 投票する
1 に答える
111 参照

javascript - Javascript アニメーション - スクロールできないのはなぜですか (Chrome)

私は bonsai.js ライブラリをいじっていて、stage自分のサイトのヒーロー セクションに大きなものを追加しました。ただし、Chrome では、マウスがstage(タグラインと青いボタンのアウトラインの間) の上にあると、上下にスクロールできません。Firefox と Safari では、まだスクロールできます。Chrome が動作しないのはなぜですか?

サイト: http://cainternet.herokuapp.com