問題タブ [path-2d]
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.
javascript - Path2D のスタイリングのみを変換する
キャンバス 2D API では、最初に 1 つのコンテキストの変換を使用してサブパスを定義し、次にそのコンテキストの変換をfill()
またはstroke()
呼び出しのみに変更できます。定義されたパス。これは、同じストローク幅を維持しながらベクトル形状を拡大したい場合に非常に便利です。fillStyle
lineWidth
lineWidth
以下は、可変ズーム変換によってのみが影響を受ける簡単な例です。
Path2D API では、このサブパスをctx.fill(path)
またはctx.stroke(path)
メソッドで直接渡す必要があります。
これは、前に行ったようにサブパス宣言からスタイリングを分離できないことを意味します。
この便利な Path2D API を使用しているときにこれを行う方法はありませんか?