html5-canvas

0熱

1答えて

画像上にテキストが必要です。これは正常に動作しますが、私はまた、テキストがmysql dbから動的に来ることを望みます。私は変数をオブジェクトに挿入する必要があります。私はそれがでは解決されません var myVariable = "text"; var text = new fabric.Text(myVariable, { fontFamily: 'Comic Sans'

0熱

1答えて

JSを使用してキャンバス内で円弧を移動できません

円をx軸に沿って移動しようとしていますが、xが更新機能で定義されていないというエラーが表示されます。変数が正しく配置されていないか、または何らかの参照が欠落していますか？私はそれを固定して行くにはどうすればよいコード <canvas id="myCanvas"></canvas> <script> var myCanvas = document.getElementById("myC

1熱

1答えて

クリックでKonvaの形状がうまくいきません

私はKonvaでカスタム形状を定義しようとしていますが、矩形を描く次のコードを試してみましたが、クリックを記録しますがクリック検出は機能しません。どうして？私は <!DOCTYPE html> <html> <head> <script src="https://cdn.rawgit.com/konvajs/konva/1.6.5/konva.min.js"></script>

0熱

2答えて

キャンバスでの削除

私はイベントのアークを作成して削除しようとしていますが、パーツを追加することはうまく動作し、配列に保存していますので、何とかイベントリスナーを呼び出すと削除できます。 <script> var myCanvas = document.getElementById("myCanvas"); myCanvas.width = window.innerWidth; myCa

0熱

1答えて

Javascriptイベントリスナーはブール値を更新しません

私はhtml5キャンバスを使用して非常に基本的なjavascriptゲームを作成しようとしています。ですから、 "initメソッド"をインスタンス化して呼び出すと、キャンバス上に赤い円を作成するはずのメインプレーヤー "クラス"を作成しました。最後に、矢印キーを使って制御できるはずですが、これを行うには、イベントリスナーをドキュメントに追加し、keydown/keyupをチェックして、leftPr

1熱

1答えて

htmlキャンバスでのキーの感度

マウス/キーが離されるまでの時間を知る必要があるため、応答はキー/マウスの押下に依存することになります。たとえば、私はこれを試しましたが、なんらかの理由でうまくいかないようです。 var time = new Date(); var mousedown, mouseup, mousehold; document.addEventListener('onmousedown', functio

0熱

1答えて

オブジェクトが以前に構築されたときにコンストラクタエラーではありません

私はキャンバスアニメーションを使用して遊んでいますが、私は既にラインを構築したときにアニメート関数の120行目に "Line is not constructor"オブジェクト。私は確かにこれについての目の新鮮なペアをありがとう！基本的に、いったん既存のLineがプラットフォームにヒットすると、新しいLineオブジェクトが作成されるはずですが、その代わりにそれはエラーをスローし続けます。コード

1熱

1答えて

JavaScriptのキャンバスのボタンを使用してテキストのリストを循環させる方法

これは私の最初の質問stackoverflowです。私はまだ少しjavascriptに新しいですし、私は簡単なインタラクティブな話をしようとしています。私は行きたい文のリストがあります。各文章はキャンバスに表示され、ボタンは次の文に移動します。いくつかのソリューションを試してみましたが、[次へ]ボタンを押してもキャンバスが変わらないです。関数が実際に動作しているかどうかをテストするコードの間に

1熱

1答えて

chartjsを使用して作成されたキャンバスチャートのデータ属性を取得する方法

こんにちはすべて私はcharts.iを作成するためにChartJを使用しています。グラフをクリックするcanvas.onでデータ属性を設定していますcanvas.iは、グラフの領域のラベルと値を取得するために使用したドキュメントのメソッドを見つけましたが、データ属性を取得する方法はわかりません。 <!DOCTYPE html> <html> <head> <title>

0熱

1答えて

html canvas animation flickering

私はHTML5 CanvasとJavaScriptを使用してこの単純なアニメーションを作成していますが、私はオブジェクトの点滅に問題があります。私はこの質問をしたし、私が見つけたすべては基本的だった前に、私はインターネット上で解決策を見つけるためにしようとしていた：新しいイメージをロードする避け、各新しいフレームでオブジェクトがrequestAnimationFrame() を使用私はそれを