問題タブ [jcanvas]

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 に答える
659 参照

javascript - javascript: jcanvas の draw メソッドでイベントリスナーから親オブジェクトにアクセスする

私は、JavaScript プロジェクトの学習にjcanvas ( http://calebevans.me/projects/jcanvas/ ) を使用しています。次のコードがあります。

dragstop 関数内の親 Board オブジェクトのメソッドにアクセスする必要があります。しかし、そこで $this 変数を呼び出すと、ボード自体ではなく、キャンバスを取得しています。そこで何かすることはありますか?

0 投票する
4 に答える
350 参照

html - ドラッグ可能な形状の場所をキャンバスに保存するにはどうすればよいですか?

キャンバスを使って形を作っています。これらの形状はドラッグ可能です。図形の場所を保存して、ページに戻ったときに図形をドラッグした場所と同じ場所に保存するにはどうすればよいですか?

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

jquery - jQuery - jQuery を含むリモート ページをロードした後、jQuery を適切に機能させるにはどうすればよいですか?

現在のページの jQuery が機能します。

次を使用して、現在のページの div にリモート ページをロードしました。

リモート ページには次のコードがあります。

最初に、次のスニペットをリモート ページに配置しました。 $(document).ready(function() { $('a#DrawItem').click(function(){ $("canvas").drawArc({ fillStyle: "黒", x: 100, y: 100, 半径: 50 }); }); }); しかし、それはうまくいきません。キャンバスと jcanvas.min.js スクリプトを同じページに配置すると、すべてが機能します。リモート ページからキャンバスを読み込もうとしても、うまくいきません。

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

javascript - jcanvas を使用したレイヤーの描画: パフォーマンスの最適化

)

jquery と jcanvas ( http://calebevans.me/projects/jcanvas/ ) を使用していくつかの形状をキャンバスに印刷する小さな Web アプリケーションがあります。

基本的に地図です。ユーザーはズームインしてドラッグすることができますが、そうするたびにすべてを再描画する必要があります。

以下のコードでわかるように、私はかなり頻繁にレイヤーを削除して再作成します (ユーザーがマップをドラッグしたり、ウィンドウをズームまたはサイズ変更したりするたびに)。ホバーイベントとクリックイベントを処理するレイヤーが必要です。私の質問は、他のソリューションと比較して、イベントを処理するこの方法がパフォーマンスに大きな影響を与えるかどうかです。この場合、パフォーマンスを最適化するにはどうすればよいですか?

お時間をいただきありがとうございます:-)

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

jcanvas - jCanvas でインタラクティブにレイヤーのサイズを変更する方法

jCanvas でレイヤーに描画された要素のサイズ、幅、高さを変更するためのアンカー ポイント (FabricJS のようなハンドラー) を作成したいと思います。それは可能ですか?