問題タブ [jcanvas]

jCanvas を使用して HTML5 アプリを作成しています。キャンバス上の黒い円であるレイヤーを削除する必要があります。コードはこちらで確認できます。

removeLayer() を試しましたが、うまくいきません。キャンバスをクリアすると、UI 全体がなくなります。

背景のグリッド線に影響を与えずに円をクリアするにはどうすればよいですか?

jCanvas を試して、HTML 5 キャンバスについて理解を深めようとしています。しかし、私は奇妙な問題を経験しています。

次のコードを使用して、キャンバス全体を埋める四角形を描画しようとしています:

HTML

JS:

これは長方形を出力しますが、意図したサイズの半分しかありません。x、y座標を半幅/高さに変更すると、期待される結果が得られます。しかし、私が理解していることから、x、yは左上隅から開始する必要がありますよね？

フィドル

これは以前によく尋ねられたことを知っていますが、3日間これを修正しようとした後、明らかに助けが必要です.

しばらくの間、問題が発生しました。私はこのようなことをしようとしています(これは単純化されたコードです):

問題は、キャンバスが汚染されることです。そのため、ピクセルデータを取得できません。

.htaccess に次のコードを使用して、アクセス制御のオリジン ヘッダーを設定しようとしました。

また、画像の URL にアクセスするときにブラウザでヘッダーを確認したところ、機能しているように見えました (すべてのヘッダーは正常に送信されます)。しかし、何らかの形でJavaScriptを介してロードされた場合、そうではありません(ブラウザで検査すると、ヘッダーはまったく送信されません)。そのため、キャンバスが汚染されます

私の質問: 1) 私の .htaccess ファイルで、組織間のデータ共有が許可されないのはなぜですか? 2) HTML、JavaScript、および画像ファイルの両方が同じドメインでホストされているため、クロスオリジン データに問題があるのはなぜですか?

追加情報: サーバー: Ubunthu LTS 12.04、Apache2

EDIT 代わりに、picture.svg を .jpg pic に変更しようとしましたが、すべてが機能するようになったため、含まれている .svg ファイルに問題があるようです。

.svg ファイルでこれを行う方法を知っている人はいますか?

マウスオーバーのハンドラーを設定する次のレイヤー定義を持つ小さな JCanvas アプリがあります。いくつかのコンソール ログ ステートメントをさまざまな場所に配置しましたが、マウスが長方形に入ったときだけでなく、長方形内を移動するたびにイベントが生成されることは明らかです。また、マウスを動かすたびに mouseout が発生します。

これは、マウスオーバーの定義、常識、および jQuery の動作方法に反するようです。私が作成した問題について誰かが洞察を提供できますか? 前もって感謝します。

JCanvas でマウス イベントを使用してキャンバスに図形を描画しようとしています。形状を描画するための一時的なキャンバスを作成して実装しようとしています。ここでの私の質問は、JCanvas で一時的なキャンバスを実装できますか? mouseevents を使用して JCanvas のキャンバスに図形を描画する方法がわかりません。マウス イベントを使用して jcanvas で図形を描画する基本的な例を教えてください。

前もって感謝します。