問題タブ [drawing]

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 投票する
5 に答える
1624 参照

asp.net - ASP.NET ページで線 (x,y)-(x2,y2) を描画する方法はありますか?

もちろんアニメーションではありませんが、ガントチャートなど視覚的にデータを表示するのに適しています。

0 投票する
14 に答える
84593 参照

javascript - キャンバスタグに矢印を描く

キャンバスタグのjavascriptを使って矢印を描きたいです。二次関数を使って作ったのですが、矢印の回転角度を計算するのに苦労しています...

誰でもこれについて手がかりを持っていますか?

ありがとうございました

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

c# - この方法で画像を描く?

この MouseDown メソッドで画像を描画しようとしています。「(???)」の部分に何が入っているのかわかりません。

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

javascript - Googleマップのポイントの周りに半径を描く

Google Maps APIを使用していて、マーカーを追加しました。次に、各マーカーの周囲に10マイルの半径を追加します。これは、ズーム中に適切に動作する円を意味します。どうすればいいのかわからないので、あまり一般的ではないようです。

見栄えのする例を1つ見つけました。また、GoogleLatitudeもご覧ください。そこでは、私が望むように、半径のあるマーカーを使用します。

更新: Google Latitudeは拡大縮小された画像を使用していますが、どのように機能しますか? (非推奨の機能)

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

math - 空間内の点とベクトルを指定してXの長さの線を描画します

みんなが私の宿題をアウトソーシングするために私に飛びつく前に、私の質問は私の宿題の質問ではありません。いくつかのものを適切に描画するのに問題があります。

平面に垂直な線を引こうとしています。私は宇宙の3つの点が平面を構成していることを知っています。これらの座標からベクトルを計算し、平面の法線ベクトルを取得できます。3点の中心からの座標と法線ベクトルを使用して、平面に垂直な線を引くことができます。

私の問題は、線を引くための2つのポイントを取得するために座標にベクトルを追加しているだけなので、その線の長さが法線ベクトルに関連付けられていることです。恐ろしいブルートフォースコードを使用せずに、3D空間内の任意の点と任意のベクトルを指定して、固定長の線を描画するにはどうすればよいですか。

(グーグルで検索するために使用する用語がわからないので、ここで尋ねています。私の教科書にはこれを扱っているものがなく、私の教授はこれが期限になる前に利用できなくなります。)

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

c# - UIElement から BitmapSource を生成する

BitmapFrameに基づくを生成しようとしていUIElementます。これが私の機能です:

テストとデバッグの目的で、表現できる有効なビジュアル要素を作成する単純な StackFrame を作成する追加の関数を使用しています。

何らかの理由で、VisualBrush が DrawRetangle(...) 関数でレンダリングされていません。緑の境界線は見えますが、他には何もありません。さらに、VisualBrush を標準のブラシに交換すると、うまく機能します。

前もって感謝します!

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

c++ - 再帰関数でのOpenMP並列化

並列化を使用して、階層的に順序付けられたオブジェクトを使用して3Dシーンを描画するためのリフレッシュレートを改善しようとしています。シーン描画アルゴリズムは、最初にオブジェクトのツリーを再帰的にトラバースし、そこから、シーンを描画するために必要な重要なデータの順序付けられた配列を構築します。次に、その配列を複数回トラバースしてオブジェクト/オーバーレイなどを描画します。私が読んだことから、OpenGLはスレッドセーフなAPIではないため、配列トラバーサル/描画コードはメインスレッドで実行する必要があると思いますが、配列を満たす再帰関数を並列化できるかもしれないと思っています。重要な点は、シーン内でオブジェクトが発生する順序で配列にデータを入力する必要があるため、特定のオブジェクトを配列インデックスに関連付けるすべての機能を適切な順序で実行する必要があることです。ただし、配列インデックスが割り当てられると、ワーカースレッドを使用して、その配列要素のデータを入力できます(これは必ずしも簡単な操作ではありません)。これが私が取得しようとしている擬似コードです。xml風のスレッド構文を理解していただければ幸いです。

それで、OpenMPを使用してこれを行うことは可能ですか?もしそうなら、どのように?これをより適切に処理する他の並列化ライブラリはありますか?

補遺:ダビデのさらなる説明の要請に応えて、もう少し詳しく説明させてください。シーンが次のように順序付けられているとしましょう。

現在、これらの各オブジェクトには、場所、回転、サイズ、さまざまな描画パラメータなど、多くのデータが関連付けられています。さらに、適切に描画するには、このシーンを複数回パスする必要があります。1つのパスはオブジェクトの形状を描画し、別のパスはオブジェクトを説明するテキストを描画し、別のパスはオブジェクト間の接続/関連付けを描画します(存在する場合)。とにかく、これらの異なるオブジェクトからすべての描画データを取得するのは、複数回アクセスする必要がある場合はかなり遅いので、1つのパスを使用して、すべてのデータを1次元配列にキャッシュし、次にすべての実際のオブジェクトをキャッシュすることにしました。描画パスは、配列を見るだけです。問題は、OpenGLのプッシュ/ポップを正しい順序で実行する必要があるため、配列はツリー階層を表す適切な深さ優先探索順序である必要があるということです。上記の例では、

したがって、配列の順序は適切にシリアル化する必要がありますが、その順序を適切に割り当てると、配列の入力を並列化できます。たとえば、自転車フレームをインデックス0に割り当て、ハンドルバーをインデックス1に割り当てると、1つのスレッドが自転車フレームの配列要素の入力を取得し、別のスレッドがハンドルバーの配列要素の入力を取得できます。

OK、これを明確にすることで、私は自分の質問に答えたと思うので、Davideに感謝します。だから私は自分の答えを投稿しました。

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

drawing - Webサイトにパネルを描画しますか?

Webページで描画パネルを作成するための最良の方法は何ですか。ユーザーが署名を描くことができる小さなパネルなど、非常に単純なものを開発する方法を知りたいです。

これはdrawhere.comの優れた例ですが、もっと簡単なものが必要です。ありがとう

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

c# - コントロールの更新を高速化するにはどうすればよいですか?

C# にカスタム コントロールがあります。空の関数がある場合でも、呼び出しRefreshが思ったよりもずっと遅い (約 0.1ms) ことに気付きました。RePaint基本的に、私のアプリケーションはグリッドを処理し、各グリッド セルを 1 つずつ更新します。このかなり非効率的な動作は設計によるものです。有効にすると、処理の各ステップが何を行ったかを実際に確認できるようになり、各ステップは 1 つのセルのみを変更することになります。ダブルバッファリングを切り替えても、大きな違いはありません。

誰でもアドバイスを提供できますか?

現在、私が思いついた最善の改善は、 への呼び出しを へRefreshの呼び出しに置き換えることRefresh2です。後者の関数は の正確なコピーですがRepaint、先頭に追加された 2 行が にGraphics g = Graphics.FromHwnd(this.Handle); g.Clear(BackColor);置き換えe.Graphicsられていgます。これにはいくつかの欠点があるのではないかと疑っていますが、描画速度が半分になります。私が使用しているコントロールにはサブコンポーネントがないことに注意してください。そのため、検証などはそれほど重要ではありません。

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

iphone - コア アニメーションまたは OpenGL ES?

私は次のことをしたい:

画面をタップし、タップしたポイントの周りにクリクルを 3 つ描きます。Core Animation と OpenGL ES のどちらでこれを行う方が良いですか?

どこから始めればよいですか?