問題タブ [html5-canvas]

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 に答える
1144 参照

html - Android タブレットと HTML5 キャンバスが機能しない

私は Android Asus Eee Pad Transformer Android を持っています。

私の問題は、タッチを使用して描画するためのhtml5キャンバスを作成しましたが、取得できるのはポイントだけで、描画できないことです。

これはブラウザとの関係ですか、それともタブレットとの関係ですか?

誰でも問題が何であるかについて何か考えがありますか?

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

html - HTML Canvas - 曲がった矢印を描く

HTMLキャンバスに曲がった矢印を描こうとしています。>曲線を描くのに問題はありませんが、線の端(方向)にを配置する方法がわかりません。

私のアイデアは、最後の線の一部を取り、三角形を描くことです。直線上の点の座標を取得するにはどうすればよいですか?

以下は、理解を深めるための画像です。

矢印付きの曲線

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

javascript - ブラウザがHTML5Canvasにハードウェアアクセラレーションを提供するかどうかを判断する方法

ブラウザがHTML5キャンバスのレンダリングにハードウェアアクセラレーションを使用しているかどうかを判断する方法はありますか?これは、特定の高価な機能を有効/無効にする場合に役立ちます。

0 投票する
4 に答える
47038 参照

javascript - DOM 要素なしで HTML キャンバスを作成することは可能ですか?

画面外でペイントしたり読み取ったりできる HTML キャンバス コンテキストが必要です (この例では、テキストを書き、作成された形状を読み取りますが、これは一般的な質問です)。キャンバスをオフスクリーン フレーム バッファとして使用することもできます。

非表示の DOM 要素を作成できると思いますが、JavaScript から作成したいと思います (実行時に多数のキャンバスを作成および破棄したい場合があります)。

可能?

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

javascript - ウィンドウからの画面位置を示す Web アプリケーションでの長方形の描画

次のような入力文字列があります。

これは基本的に、画面の座標を取得する C# プログラムから取得した入力です。

括弧内の数値は、右下点と左上点の座標であり、長方形を定義します。例えば:

は、最初の画面のサイズが 1280 x 1024 で、左上の点 (0,0) から始まることを意味します。その隣には、左上の点が座標 (1280, 0) にあり、右下の座標が点 (3200, 1080) にある 2 番目の画面があり、それらは長方形を形成します。

私がしなければならないことは、これらの画面を Web アプリケーションで描画することです。2 つの異なる色の四角形だけでは何もできません。さて、少し調査を行ったところ、html5 キャンバスが適している可能性があることがわかりましたが、あなたの意見を聞きたいので、正しい方向に向けてプッシュしてください. jsfiddle の例を挙げていただければ幸いです。

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

android - Android ブラウザと HTML5 Canvas での描画 ... 誰もこれをやったことがありますか?

Android タブレットを使用して html5 キャンバスに描画できた人はいますか?

キャンバスに描画できない理由がわかりません。

それはブラウザなのか、それとも実際のタッチスクリーンなのか?

タブレットを持っている人なら誰でも、このページにある HTML5 Canvas Demo に落書きしてみてください。

http://www.williammalone.com/articles/create-html5-canvas-javascript-drawing-app/

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

javascript - HTML5キャンバス上の画像に動的に境界線を追加する

画像を含むキャンバスがあります。落下の効果を出すために、毎回1ピクセル下に再描画しています。画像を配列に入れて、画像を再作成せずに1ピクセル下に配置します。

特定のポイントに到達する画像に動的に境界線を追加することは可能ですか?その場合、どのようにですか?

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

javascript - HTML5 Canvas を使用した真のアイソメトリック プロジェクション

私は HTML5 Canvas と JavaScript の初心者ですが、HTML5 Canvas 要素で等角投影を行う簡単な方法はありますか?

私は真の等角投影を意味しています - http://en.wikipedia.org/wiki/Isometric_projection

返信ありがとうございます。

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

javascript - キャンバス (テキストエリア) 内のテキスト サイズの制御

textarea からテキストを表示するキャンバスを作成したいと考えています。テキストエリア内のテキストのサイズを制御する際に問題があります。言い換えれば、ユーザーがテキストのサイズを選択してテキスト領域に書き込んで、ボタンをクリックするとキャンバスに表示されるようにしたいのです。

このコードを試しましたが、それが何であるかがわからない問題があります。コードのサンプルを次に示します。