問題タブ [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 に答える
132 参照

jquery - ラジアル グリッド マップが非常に拡大されているのはなぜですか?

私のテスト ページ[リンクが削除されました]では、正方形の右上隅から放射状に伸びる一連の線があるはずです (左側の垂直の長方形は、無関係なものに使用されるサイドバーです)。極座標図の原点として右上を使用すると、線はtheta=piから に移動し3pi/2ます。

ただし、キャンバスが拡大されているように見えます。私 (および私の友人) が見ることができるのは、左上に拡大されたように、いくつかの大きなぼやけた線だけです。スケーリングは行われておらず、Canvas オブジェクト用の jQuery プラグインである jCanvas を使用しています。そして、座標を出力すると、紙にプロットすると、座標が本来あるべきものと一致します。

問題は何でしょうか?

これは私のコードです:

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

javascript - キャンバス パスとは正確には何ですか? ctx.closePath() の用途は何ですか?

私はHTML5ゲームに取り組んでいます。キャンバスにテール ラインを描画し、Tron スタイルのゲームで交差を確認する必要があります。

私は実際にJCanvasdrawLine()関数を使用していますが、JCanvas は線の交差をチェックする方法を提供しませんでした。ソースを掘り下げてctxオブジェクトの使用を見つけ、使用している関数の最後に返されました。メソッドを使用して必要なものを達成できるようにするためのオブジェクトですが、機能していないため、毎回ctx.isPointInPath()返されます...false

私は本当にパスが何であるかを理解していません - afterを使用して設定されたポイントだけをctx.isPointInPath()返しますか? または、を使用して接続されている2 つの連続する の間にあるすべてのポイントに対して返されますか?truectx.moveTo()ctx.beginPath()truectx.moveTo()ctx.lineTo()

の用途はctx.closePath()何ですか?

そして、次の違いは何ですか:

と:

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

javascript - jCanvasでソースプロパティの値として画像DOM要素を使用する方法は?

この例をテストしたい: http://calebevans.me/projects/jcanvas/sandbox.php#%24%28%22canvas%22%29.drawImage%28%7B%0A%20%20source%3A%20% 24%28%27%23image-fish%27%29%5B0%5D%2C%0A%20%20x%3A%2050%2C%20y%3A%2050%2C%0A%20%20width%3A%20100% 2C%0A%20%20fromCenter%3A%20false%0A%7D%29%3B

しかし、デフォルトの「img src」以外の結果はブラウザに表示されません。誰か助けてください。この機能を使用するにはどうすればよいですか?

ありがとう。

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

jquery - onmouseover アニメーション キャンバスとの整合性

イベント ハンドラーがキャンバスとやり取りするときに問題が発生しています。基本的に何が起こるかというと、キャンバスの下にあるイベント ハンドラーがキャンバスの上にあるキャンバスに何らかの影響を与えており、イベントが壊れることがあります。

onmouseover イベントを使用して上部キャンバスを非表示にし、onmouseout を使用して要素を再表示しています。onmousemove でも同じ効果が得られることに注意してください。

コードを jsfiddle に置き換えました: http://jsfiddle.net/morgaman/zPuH8/ ...しかし、イライラすることに実行されません。したがって、作業バージョン自体は、 http ://chrismorga.com/rainnav/rbowtester.html でホストされています。

「jCanvas」( http://calebevans.me/projects/jcanvas/index.php ) が私の問題に対する jQuery の答えだと聞いたことがありますが、それをプログラムする方法や再帰的なアニメーションを機能させる方法がわかりません。ヘルプ?

0 投票する
3 に答える
769 参照

jquery - 動的テキストとjCanvasとのリンク

キャンバスがあり、jCanva(http://calebevans.me/projects/jcanvas/docs.php?p=layers)を使用してイベントのあるサークルを作成しています。

すべての円にテキスト(マウスオーバーイベント用)とID(クリックイベント用)が必要です。問題は、イベントが動的であり、「i」が常に最後のi(data.length)であるため、すべての円が同じ値を取得することです...どうすれば解決できますか?

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

jquery - jcanvas - 要素がページ上でランダムに再読み込みされ、読み込みが要素間で一貫していない

jcanvas を使用して画像を描画し、この画像の上にさまざまな形状 (100 以上の形状) を表示しています。ただし、キャンバスの画像とキャンバスの形状が異なる時間に読み込まれるように見えるため、問題が発生しています。キャンバスの形状が表示され、0 ~ 5 秒後に画像が表示されます。また、図形と画像がランダムに再読み込みされます。1 秒未満で消えてから再び表示されます。

また、これらの画像のそれぞれに関連付けられたマウスオーバー イベントがあります。図形が多すぎて、マウスオーバー イベントが多すぎるのではないでしょうか。

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

canvas - ページのサイズ変更中のキャンバスのストレッチ

キャンバス (幅と高さ) があり、JCanvas を使用して描画します。ブラウザのサイズを変更すると、キャンバスが引き伸ばされます(増減します)。背景画像もサイズ変更され、その上のすべても変更されることを望みます。

どうやってやるの?

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

javascript - createPatternが期待どおりに返されない

変数「pattern」でTypeErrorが発生し、マークされたブレークポイントを超えてスクリプトが実行されません。JCanvasとJQueryを使用しており、すべての依存関係が整っています。エラーの理由は何ですか。ここで使用される同様の実装があります。

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

html - 「for」ループで使用しているhtml5jcanvasクリック関数が間違っていました

2Dタグクラウドの調査にはjcanvasプラグインを使用しています。キャンバスにいくつかのタグをペイントして、それぞれが異なるページにリンクできるようにしたいと思います。したがって、タグを表示するためのforループが必要です。これが私のコードです。

しかし、すべてのタグが同じURLにリンクしていることがわかりました。これは、私が期待する結果ではありません。ここの誰もが私を助けることができます!ありがとう !!!

ここでテストできます。

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

jquery - jCanvasバージョンを入手するにはどうすればよいですか?

Docによると、$。jCanvasオブジェクトには「version」プロパティがありますが、alert($。jCanvas.version)には「undefined」と記載されています。