ぼかしたエッジを持つ楕円を動的に作成する方法を探しています(ぼかしの程度を制御できます)。理想的には、これは Javascript を介して実現されます。これは、オフラインで使用できるようにするアプリでの使用が意図されているためですが、簡単にするために、当面は PHP ソリューションに満足しています。
GD を使用して解決策を試みましたが、アルファを扱う場合はかなり制限されていることがわかりました。主な問題は、塗りつぶされた楕円を使用してレイヤー化すると透明効果が相殺され、次第に小さくなる楕円で境界線を描画すると、楕円が完全に整列しないという問題が発生することでした (下の画像を参照)。
複雑になりすぎずに、これらの問題を解消するために使用できるソリューションはありますか? ピクセルごとに画像を作成できることは承知していますが、比較的簡単な作業であるはずの非常に複雑な方法のように思えます。