問題タブ [jcanvas]

JCanvas.Hre のマウス イベントを使用して、キャンバス上に線と四角形を描画しようとしています。

しかし、期待される出力が得られません。上記のコードで何を間違えたのか教えてください。前もって感謝します。

私のアプリケーションでは、キャンバスに画像を描画し、ラベル用に円とテキストを追加します。追加の描画コードを drawImage の load メソッドに移動したところ、マウスをキャンバス上に移動すると同じコードが繰り返し呼び出されることがわかりました。問題を特定するために、さまざまなブロックを選択的にコメントアウトしようとしましたが、実際には絞り込んでいません。

このブロックは、画像を描画するメイン コードです。変数の多くは自明です。使用されるさまざまな ID は、データベースの識別に使用されます。マウスをキャンバス上に移動すると、「コールバック」が繰り返し出力されることに気付きました。

jCanvasで長方形を色ではなく絵で塗りつぶす可能性はありますか?

たとえば、cssのように四角形で写真を繰り返します：

HTML5 キャンバス上の 2D グリッドから始めます。ユーザーは点をプロットして線を作成します - 最大 5 本の線。

次に、ユーザーがグリッド上の別の任意の点を選択すると、その領域が強調表示されます。その点を取得し、ユーザーが作成した線で記述された領域を埋めるために多角形を定義する必要があります。

だから私の考えでは、任意の点を囲む線とキャンバスのエッジを検出してから、多角形を描く必要があります。

これは、私が何を意味するかを理解するのに役立つイメージです (システムが 2 行で機能している場合)。

すべての状態は、jCanvas とカスタム Javascript を使用して管理されます。

ありがとう！

うわー...私は目が覚めたばかりで、これらの信じられないほどの答えを見つけました. 大好きです。みんなありがとう。

この基本的なケースを考えると、レイヤーの座標が更新されることを期待するかもしれません...しかし、そうはなりません。

代わりに、このテストのように、開始点を記憶し、マウス オフセットを計算してから座標を更新する可能性がありますが、効果は非常に極端です。予想: ポイント x1,y1 は静的です 結果: ポイント x1,y1 は信じられないほど速く移動します

座標を定数に設定すると、ドラッグは同じままです。ここでの主な問題は、ドラッグ アクションがレイヤー全体に適用されることです。

修正 :このスニペットのように、ドラッグの最後に変更を適用します。しかし、それは比較的醜いです。誰にでも良い方法があります

• 実行して、線の点の実際の座標を取得します
• 他の点が移動している間、線の点を静的に保つことに成功する

ご提案をお待ちしております。

クリック、タッチスタートなどの別の動的イベントを追加できるかどうかを知りたい.

元 ：

キャンバス領域にグラフを描画しようとしています。私の問題は次のとおりです...

1 ～ 4 個 (またはそれ以上) の円を描きます。キャンバスのサイズは 500 x 400 px のようです。各円の最大半径を計算してすべてをこのキャンバスに配置し、各円の位置 (中心 x/y) を取得するにはどうすればよいですか? では、各円は、互いにある程度の余裕を持って領域に最適に配置できますか?

ここに私が何を意味するかを示すいくつかの例の画面があります...

どうもありがとう！

drawImage() を使用してキャンバスにメイジを描画し、その可視性を false に設定しました。クリックとマウスオーバーで表示されるようにします。私はどのように行いますか ？ありがとう

ここまで書いてきましたが、もちろんうまくいきません