問題タブ [drawing2d]

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

matrix - 行列でオブジェクトを移動する ( 2d, f#)

マトリックスを使用してオブジェクト(球など)を移動できるかどうか疑問に思っています。タイプ: Ball を作成し、メソッドを追加しました:

どこmですかDrawing2d.Matrix()

私が書いた Paint メソッドについて:

しかし、私は Ball オブジェクトを更新しているのではなく、ビューを翻訳しているだけです...どうすれば代わりにボールを動かすことができますか?

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

c# - 間違った角度で描かれた線や図形

キャンバスにいくつかの単純な 2D オブジェクトを描画する必要がある ac# プログラムがあります。

これらの 1 つは、始点と長さがわかっている四角形と線を描画することであり、終点を計算する必要があります。したがって、次のコードがあります。

これで、エンドポイントを計算するのに問題ないようです。私が抱えている問題は角度(this.StartAngle)にあります。指定した値は、それがどのように描画されるかではなく、次のように見えます。

円度

私が期待しているのは、上が0、右が90、下が180などです.

したがって、キャンバスにまっすぐ下に描画する形状を取得するには、90 度を指定する必要がありますが、180 度を指定する必要があります。

私は何か間違ったことをした?それとも単なる理解不足ですか?

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

.net - 画像、背景、テキストを 1 つの画像に結合する

ここでこのコードを見つけました:

スタックオーバーフローで、うまく機能します。ただし、背景色が変化する背景に透明なPNG画像を使用する必要があります。

現在の外観:

ここに画像の説明を入力

私はそれがどのように見えるかを探しています:

ここに画像の説明を入力

PNG画像が追加されたのは次のとおりです。

ここに画像の説明を入力

グラフィックス コールについて詳しい方が、これを行う方法を教えてくれることを願っています。

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

.net - 描画された画像を角丸長方形に変更する

ここのコードに従って、長方形の端を曲げて、すべてが正方形にならないようにしています。

現在の外観の例:

ここに画像の説明を入力

そして、私が探していること:

ここに画像の説明を入力

このコードの使用:

正しくないように見える画像があります:

ここに画像の説明を入力

完全なコード:

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

javascript - キャンバス上の四角形をアニメーション化する

横棒グラフの描画をアニメーション化しようとしています。ゆっくりと描画し、終了したら 2 つ目を描画します。chart.js と同じです。それほど高度である必要はありません。キャンバスの描画とアニメーションを学ぼうとしています。私は使用ctx.fillRectしていますが、これをアニメーション化できるかどうかはわかりません。

更新: 2 番目のスニペットでは、fillRect にタイムアウトを追加しました。バーをアニメーション化しますが、position.Y が適切なタイミングで更新されないようです。バーは互いの上に描画されます。