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

java - JCanvas3D と Canvas3D の比較

Canvas3D の代わりに JCanvas3D を使用する場合に直面する問題を教えてください。

JCanvas3Dを使用して透明性を実現するには?

よろしく、 ハリプラサド

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

java - Netbeans で Canvas / JCanvas を操作するにはどうすればよいですか

netbeans ではアプリにキャンバスを追加できますが、paint(Graphics) メソッドをオーバーロードする必要があるため、キャンバスに描画することはできないようです。これを行う最善の方法は何ですか?ありがとう!

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

jquery-plugins - 最初に描画する Canvas レイヤーを制御するにはどうすればよいですか (JCanvas)

以下のコードでは、1 つのテキストと 1 つの画像の 2 つの Canvas レイヤーがあります。問題は、どのレイヤーを最初に描画するかを制御することです。ページが読み込まれると、テキストが画像の上に描画されたり、吹き飛ばされたりすることがあります。かなりランダムに見えます。この動作を制御する方法はありますか?

私の試み:

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

jquery - jCanvas を使用してキャンバスにレイヤーを追加できない

jCanvas を使用して HTMLcanvas要素にペイントしています。まず、キャンバスを保持する各セルで ax * x テーブルを初期化します。

これは正常に機能し、画像がキャンバスに描画されます。次に、新しい形状のレイヤーを追加しようとします (後で削除する必要があるため、レイヤーを使用しています)。

そのとき、エラーが発生しますUncaught TypeError: Object [object Object] has no method 'addLayer'。実際に線を引くdrawLine()代わりに使用すると、オブジェクトは明らかにキャンバスになります。addLayer()

ここで何が欠けていますか?

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

jquery - クロスブラウザ-IE

jCanvasを使用して動作するクロスブラウザスクリプトを作成する方法

  • IE8では、キャンバスは追加されません。
  • FFとChromeでは、描画されたフレームが正しい座標に配置されていませんか?出発点はビューポートの外ですか?!

fsfiddle:

http://jsfiddle.net/4GSXC/

コード:

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

javascript - Html5特定のレイヤーの画像データを取得する

html5とjqueryを使用して画像スライダーを作成しています。1つのキャンバスに3つの画像を重ねて追加し、最初の画像のピクセルデータを取得し、そのピクセルの一部を削除して、最初に使用している2番目の画像を表示します。Jquery でこれを行うためのjCanvasプラグインこれまでに得たものは

すべての画像に穴を開けることは、すべての画像のその部分のすべてのピクセルを消去し、キャンバスの背景を表示することを意味します特定の画像またはレイヤーのピクセルのみを取得して反転することは可能ですjqueryプラグインがあります-利用可能ですか?それを行う他の方法はありますか?これに関するどんな助けも私にとって非常に役に立ちます....事前に感謝します....

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

javascript - RaphaelJS を使用してアニメーション シーケンスを作成する方法

RaphaelJS を使用して HTML5 キャンバスでアニメーションを作成しているのですが、アニメーション イベントを作成する方法とそれらをトリガーする方法がよくわかりません。ドキュメントはあまり役に立ちません。ありがとう

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

canvas - jCanvasレイヤーイベント

jCanvasを使用してキャンバスに図形を描画しています。drawArc関数を使用してレイヤーにカーソルを合わせるとアラートメッセージが表示され、drawRectメソッドを使用してレイヤーにカーソルを合わせると別のアラートメッセージが表示されます。jCanvasを使用して実行できますか。また、長方形にカーソルを合わせると何も起こりません。

PS:KineticJSはそれを行うことができます!

これがコードです...

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

jquery - jCanvas/jQuery でマウス イベントをキャンバス レイヤーにバインドできない

jQueryとjCanvasへの最初の進出のために三目並べゲームを構築しようとしていますが、何を試しても、マウスイベントをキャンバスレイヤーにバインドする方法がわかりません。

これは私のコードです: https://github.com/DanSchmidt/ttt-js/blob/master/js/script.js

私はこのフィドルで行われていることをやろうとしていました: http://jsfiddle.net/caleb531/SCNp7/5/

コードのその部分をコピーして貼り付けてみましたが、まだ機能しません。そのコードが自分のコードではなくフィドルで機能する理由がわかりません。

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

jquery - IE9ラグでキャンバスに線を描く

最近、canvas を使用して簡単なペインターを作成しようとしました。マウスダウンを使用して開始点をキャプチャしました。mousemove で、開始点から現在の点まで線を引き、開始点を現在の点に置き換えました。最後に、マウスアップ時のイベント ハンドラーを削除しました。このソリューションは、Chrome、Firefox、およびサファリで完全に機能しましたが、IE9 でテストしたところ、厄介なバグに遭遇しました。私が描く線は、マウスアップ イベントの後にのみ表示されます。なぜこれが起こっているのか、どうすれば修正できるのかについてのアイデアはありますか?

問題を実証するために簡単なテスト ページを追加しました http://kfirg.com/rage/main.htm 長い線や円などを描いてみてください。Chrome では完璧に動作しますが、IE9 では狂ったように遅くなります。

注: この単純なペインタには、jQuery と jCanvas を使用しました。また、キャンバス API を直接使用して自分で実装しようとしたところ、同じ問題が発生しました。

更新された jsFiddle: http://jsfiddle.net/t5QpN/1/