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

resize - SWTキャンバスの場所

SWTの最新の安定バージョンを使用しています。

ToolBar、ScrolledComposite、およびCanvasを含むシェルがあります。Canvasは、ScrolledCompositeのコンテンツとして設定されます(例:scrolledComposite.setContent(canvas))。Canvasは、変更されない特定のサイズ(たとえば、400 x 400)で作成されます。一方、ScrolledCompositeは、使用可能な親シェルのクライアント領域を満たすために絶えず拡大または縮小しています。

親シェルにサイズ変更リスナーをアタッチして、次のことを試みます。a)上記のようにScrolledCompositeを拡大し、b)ScrolledComposite内でキャンバスを水平方向と垂直方向の両方の中央に配置します(コード例については以下を参照)。

これはMacOSXの場合とまったく同じように機能しますが、Windowsではサイズ変更イベントが発生し、新しい場所が適切に計算されますが、最終的にCanvasは0,0に戻ります。もう1つの小さな情報は、ウィンドウのサイズを継続的に変更すると、キャンバスがちらつき、正しい位置に短時間描画されているように見えることです。

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

delphi - TPanel に描画する方法

理想的には直接TPanelを描画する必要があるため、マウスイベントイベントのトラップの邪魔になる別のコンポーネントが上にないようにします(少し「サイズグリップ」を描画したい)。これを行うにはどうすればよいですか?

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

ajax - < canvas > を使用して差分画像をマージすることは可能ですか?

VNC に似た AJAX ベースのアプリケーションの開発に取り組んでいます。ブラウザからリモート マシンへのキーボードとマウスの操作を再現できます。しかし、表示部分に関しては..最新のキャプチャされたデスクトップ画像を再表示するページの更新に依存しています。

AJAX リクエストを使用して現在の画像キャプチャのデルタを取得し、サーバーから以前にレンダリングされた画像を取得して、表示の側面を改善したいと考えていました..そして < canvas > を使用して Java スクリプトで受信したデルタ コンテンツをマージして表示を再構築します。それができれば、私のアプリケーションは非常に使いやすくなります。

専門家がアプローチの実現可能性と実用性についてコメントしていただければ幸いです。

よろしく、

パラグ

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

silverlight - Silverlight2 ItemsControl を使用して項目のコレクションをキャンバスに配置するにはどうすればよいですか?

WPF では、Canvas を ItemsPanel として ListBox を作成し、そのキャンバスに項目を配置できます。これを行うコードは次のようになります。

Silverlight2 の ListBox または ItemsControl で同じことができますか?

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

c# - WPF-NeuNを返すCanvas.GetTop

マウス移動ハンドラーからキャンバスの位置を取得しようとしていますが、NeuNが返されます。

キャンバスは別のキャンバスの中にあり、コードは次のとおりです。

これは中にあります:

SetTopは正常に機能するため、スコープの問題にはなり得ないと思います。

何か案は?前もって感謝します :)

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

javascript - Javascriptキャンバスからポイントの翻訳されていない、回転されていない(x、y)座標を取得します

Javascriptでは、送信する前に座標平面を回転および変換してグラフィックをレンダリングすることがよくあります。

これを行った後、描画した線分の端点の実際の値をどのように把握しますか?その後、平行移動と回転を行うと、(x1、y1)と(x2、y2)は、平行移動と回転がない場合の位置から遠く離れているためです。それらの実際の値が何であるかを知る簡単な方法はありますか?

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

.net - WPF:キャンバスに親指の動作をインストールする方法は?

DragDelta イベントをサポートする Canvas が必要です。これを行う方法についての最初のアイデアは、つまみを含む ControlTemplate を作成することでした。しかし、これを正しく行う方法がわかりません。以下の XAML を変更してコンパイルするにはどうすればよいですか?また、DragDelta イベント ハンドラーをインストールする正しい方法は何ですか?

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

javascript - IEでprocessing.jsを動作させている人はいますか?

ExplorerCanvasなどを介してInternetExplorerで動作するprocessing.jsの例を探しています。

0 投票する
5 に答える
8549 参照

apache-flex - Flex キャンバスとマウス イベント

この単純なコードは、赤いキャンバス上の緑のキャンバスを示しています。緑のキャンバスで、マウス ダウン イベントを彼の後ろの子供(赤いキャンバス) がキャッチできるようにしたいと考えています。

これどうやってするの ?

0 投票する
0 に答える
6218 参照

wpf - WPF キャンバスの仮想化

Canvas 内に生成された一連の四角形があり、XAML で ScrollView > Canvas > VirtualizingStackPanel > Rectangles の順序でネストされています。

仮想化がサポートされているシナリオについて Microsoft に関する情報はほとんどないようです。エラーがスローされない場合は、単に標準の StackPanel のように扱われます。

キャンバス全体で合計約 800 個の長方形のうち、一度に約 60 個の長方形がビューに画面上に表示されることを考えると、約 5 分の読み込み時間は容認できないほど遅くなります。

既に ScrollView を削除して効果がないように (スクロール バーを削除する以外はパフォーマンスが向上しませんでした)、他のネスト要素の一部を削除しようとしましたが、最終的な効果は何も表示されていないか、表示されていても表示されているようです。スロー。

私がこれまでに見つけた最良の解決策は、フリーウェア コード VirtualizedCanvas のサンプルですが、非常に限定されており、内部にネストされたものはサポートされていません。実際、入力は UI 要素のコレクションのみです。

このソリューションは基本的にデータ バインディングを無視し、完成した Canvas をそれに戻す必要があります。これにより、すべての既存のコードとコンバーターがまったく役に立たなくなり、実装するには大幅なやり直しが必要になります。

Virtualize the Canvas を単純にクリップして、60 個の画面アイテムのみを描画する方法はありますか?