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

javascript - レンダリングされたキャンバス要素の座標(x、y、w、h)を取得するには?

レンダリングされたキャンバス要素の座標を取得するにはどうすればよいですか? などをその領域clearRectに適用する必要があります。fillRect

キャンバスを取得します:

それで?x左上、左上ywidthそしてこれを取得する方法はありheightますか?

moonshadowの回答後の @update :

答えはthxです。操作がキャンバスに関連していることは知っていますが、この動作について説明していないため、質問をしました。キャンバスオブジェクトを使用してテストファイルを作成しました( http://avastreg.ilbello.com /canvas/test.html )。

ここでは、フォームから寸法をclearRect送信できるフォームを配置しました。キャンバス(NEWS)でマウスオーバーをトリガーするclearRectと、その座標で適用されます。リフィルmouseoutについて。

開始値は次のとおりです。

次に、次のようなものを試してください

他の値では、部分的にクリアされます。なぜこれが起こるのですか?

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

javascript - Javascript - キャンバス要素の下の画像からピクセルデータを取得しますか?

getImageData() を使用して、キャンバス イメージのピクセル カラー データをサンプリングできます。背景画像またはフラッシュ ムービーの上に透明なキャンバス エレメントを重ねる場合、canvas タグを介してそこから色をサンプリングできますか?

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

java - SWT を使用した高速ピクセル プロット?

SWT キャンバスに任意の色のピクセルをすばやく簡単にプロットする方法を探しています。これまでのところ、私はそのようなものを使用しています:

これは恐ろしく遅いです。300x300 のキャンバスをピクセルで埋めるのに約 1 秒半かかります。画面外に画像を作成し、その中にピクセルを設定してから、画像を描画できます。これは高速ですが、キャンバス上にピクセルごとに画像をプロットする段階的なペイント効果が特に必要です。

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

javascript - テキストをどのように描画しますかSafariのタグ

タグを使って簡単な図や表を描く実験をしてきましたが<canvas>、今のところとても使いやすいです。私は1つの問題を考えています。<canvas>Safariでテキストを描画する方法がわかりません。Firefox 3.0 では、次のことができます。

Apple の Safari ドキュメントでメソッドへの参照を見fillText()たことがありますが、Safari 3.2 ではサポートされていないようです。これは現在行方不明になっているだけですか、それともよく守られている秘密ですか?

0 投票する
6 に答える
9081 参照

javascript - JavaScript Charting ライブラリ - Google アナリティクス スタイル

Google アナリティクスのような折れ線グラフを作成する Javascript ライブラリを探しています。マウスがポイント上にある場合、ボックスにデータが表示されます。

例はhttp://wikirank.com/enにあります

Flash や Air はなく、JS とクライアント側の Canvas のみ...

無料ならもっといい...

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

apache-flex - Flexでは、実行時に子のないキャンバスコンポーネントの寸法を取得するにはどうすればよいですか?

私のコンポーネントの1つは次のようになります。

CreationCompleteで、キャンバスの寸法に基づいて拡大縮小および配置したいspirteをロードして、カスタムグリッドレイアウトを作成しますが、「grid」の寸法にアクセスすると、0と0が表示されます。取得する方法はありますか絶対値を割り当てない寸法?

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

c# - WPF: Canvas Z-Index バグ

そこで、WPF で独自のカルーセル コントロールを作成しました。私はバグに出くわし、メソッド呼び出し、一連のメソッド呼び出し、またはいくつかの回避策のように、これを修正する方法を誰かが知っているかどうか疑問に思っていました. これが私のカルーセルの印刷画面です。

カルーセル画像 http://img4.imageshack.us/img4/9599/carousele.jpg

この画像ではっきりとわかるように、私のマウス ポインターは 16 と書かれたボタンの上にあります。しかし、18 と書かれたボタンは、マウスがそのボタンの上にあるかのように青いボタンです。また、ツールチップをコンテンツにバインドするように設定すると、ツールチップには、マウスが 18 個のボタンの上にあることが示されます。18 はボタンの z-index 値であるため、これは正しい動作です。したがって、18 のボタンは 16 のボタンの上にある必要があります。しかし、WPF はそのような方法でキャンバスをレンダリングしませんでした。これを克服する方法を考えていました。canvas.InvalidateArranage()、canvas.invalidateVisual()、canvas.UpdateLayout() を試しましたが、うまくいきませんでした。キャンバスの左側には本来あるべき姿が示されていますが、右側では z-index 値が正しいにもかかわらず、同じ結果が得られません。

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

c# - Silverlightのキャンバスにコントロールを動的に配置するにはどうすればよいですか?

自分で作成したコントロールをに配置しようとしていCanvasます。アイデアは、それらをその場で動的に追加できるようにすることです。ボタンクリックまたはの終わりのようにDispatchTimer。私は次のものを持っていますが、それは機能しません:

コントロールが表示されません...

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

canvas - GDI +でグラフィックのコンテンツを消去するにはどうすればよいですか?

私はc++でgdi+を使用しています。

2つの問題があります。

1.canvasImgが黒であることがわかりました。色を白に変更するにはどうすればよいですか?私は白い帆布が欲しいという意味です。

2.キャンバスに何かを描いた場合、どうすればキャンバスをクリアできますか?

どうもありがとう!

0 投票する
6 に答える
5894 参照

javascript - JavaScript CANVAS はどのように機能しますか?

Javascript CANVAS は驚くべきものです。ブラウザー画面に線や多角形などを描くことができます。

Javascript CANVAS はどのように機能するのだろうか。たとえば、線を描画するには、一連の整列された小さな画像を使用して線をシミュレートするか、他のアプローチを使用しますか?

前もって感謝します。