問題タブ [2d-context-api]
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.
html - HTML5キャンバスで円を3等分する方法は?
上の図のように、HTML5 キャンバス 2D コンテキスト API で円を 3 等分するにはどうすればよいですか?
私はこれを試していました
誰かがより良い方法を提案できますか? ハードコードされた座標ではなく、おそらくパーセンテージ（または度）で？
html - How do I resize a path already closed on an HTML5 canvas?
I have a quadratic curve rendered on a canvas. I want to animate it by means of window.setInterval and changing it's dimensions (note not simply changing it's scale) thereafter.
How do I retain an editable reference to the path after calling context.closePath()?
html - HTML5 の単一の Context 2D キャンバス ウィンドウに、1 つ (または複数) の Context 3D キャンバス ウィンドウを「埋め込む」/混合することはできますか?
最初の問題は奇妙に見えるかもしれないので、説明のために例を使用しようとします:
基本的に私が欲しいのは大きなテーブル (コンテキスト 2d) で、その上にいくつかのトレイ (コンテキスト 3d ウィンドウ) があり、トレイにはティーポットとカップ (3D コンテンツ) が存在します。
コードは次のようになります。
そう、
(1) テーブルは固定されており、移動できません。
(2) ユーザーはトレイを簡単に「移動」し、所属するトレイ内でティーポットを「移動」または「周回」できます。もちろんトレーとトレーを重ねることはできません。
このコンセプトは現在 HTML5 で実行可能ですか?
私の比喩が十分に明確であることを願っています。
ありがとう。
html - HTML キャンバスの「source-over」と「destination-over」globalCompositeOperation のパフォーマンスの違い
2D キャンバスに描画するためのさまざまなglobalCompositeOperation オプションdestination-overを確認したところ、基本的にデフォルトと同じですsource-overが、要素が逆に描画されていることがわかりました。
キャンバスが構成を計算してピクセルを描画するときに、これら2つの操作にパフォーマンスの違いがあるかどうかを誰かが知っているかどうか疑問に思っていました。
javascript - ID に基づいて React のオブジェクトの配列のプロパティを編集する
このような新しい「Context API」で作成されたオブジェクトの配列があります...
ペイロードとしてアクションに渡す ID に基づいて各連絡先の「表示」プロパティを編集できるようにするアクションを「リデューサー」に作成したいのですが、どうすればそれを行うことができますか?