問題タブ [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.
matrix - 行列でオブジェクトを移動する ( 2d, f#)
マトリックスを使用してオブジェクト(球など)を移動できるかどうか疑問に思っています。タイプ: Ball を作成し、メソッドを追加しました:
どこm
ですかDrawing2d.Matrix()
私が書いた Paint メソッドについて:
しかし、私は Ball オブジェクトを更新しているのではなく、ビューを翻訳しているだけです...どうすれば代わりにボールを動かすことができますか?
c# - 間違った角度で描かれた線や図形
キャンバスにいくつかの単純な 2D オブジェクトを描画する必要がある ac# プログラムがあります。
これらの 1 つは、始点と長さがわかっている四角形と線を描画することであり、終点を計算する必要があります。したがって、次のコードがあります。
これで、エンドポイントを計算するのに問題ないようです。私が抱えている問題は角度(this.StartAngle)にあります。指定した値は、それがどのように描画されるかではなく、次のように見えます。
私が期待しているのは、上が0、右が90、下が180などです.
したがって、キャンバスにまっすぐ下に描画する形状を取得するには、90 度を指定する必要がありますが、180 度を指定する必要があります。
私は何か間違ったことをした?それとも単なる理解不足ですか?
.net - 画像、背景、テキストを 1 つの画像に結合する
ここでこのコードを見つけました:
スタックオーバーフローで、うまく機能します。ただし、背景色が変化する背景に透明なPNG画像を使用する必要があります。
現在の外観:
私はそれがどのように見えるかを探しています:
PNG画像が追加されたのは次のとおりです。
グラフィックス コールについて詳しい方が、これを行う方法を教えてくれることを願っています。
.net - 描画された画像を角丸長方形に変更する
ここのコードに従って、長方形の端を曲げて、すべてが正方形にならないようにしています。
現在の外観の例:
そして、私が探していること:
このコードの使用:
正しくないように見える画像があります:
完全なコード:
javascript - キャンバス上の四角形をアニメーション化する
横棒グラフの描画をアニメーション化しようとしています。ゆっくりと描画し、終了したら 2 つ目を描画します。chart.js と同じです。それほど高度である必要はありません。キャンバスの描画とアニメーションを学ぼうとしています。私は使用ctx.fillRect
していますが、これをアニメーション化できるかどうかはわかりません。
更新: 2 番目のスニペットでは、fillRect にタイムアウトを追加しました。バーをアニメーション化しますが、position.Y が適切なタイミングで更新されないようです。バーは互いの上に描画されます。