画像を動的に生成する必要があるカラーピッカーを作成しようとしていますが、ラスター画像よりも SVG を生成する方がはるかに簡単であると考えました。残念ながら、ピッカーの中心となる大きな 2 次元グラデーションを表現する方法がわかりません。
たとえば、現在選択されている軸が青と緑の場合、左下隅が黒、左上隅が青、右下が緑、右上がシアンの正方形をペイントする必要があります。
塗りつぶされた 2 つの正方形を重ねて不透明度をいじることでこれを達成する方法がある場合linearGradient、私はそれを解決できませんでした。また、始点と終点の色が他のグラデーションであるグラデーションを作成しようとしましたが (私が巧妙であることを願っています)、「大きな黒い何もない」ものしか得られませんでした。これまでのところ、Google 検索はどこにも行きませんでした。
サイズと複雑さが増し、うまくサイズ変更できないと思われるため、256 個の 1 ピクセルの高グラデーションのスタックに頼りたくありません。おそらく、SVG の実用的な知識をもう少し持っている人が何かを提案できます