如何動態生成帶有alpha梯度的圖像？

Question

我正在尋找一種方法來動態創建一個羽化邊緣的橢圓（並能夠控制羽化的程度）。理想情況下，這可以通過Javascript來實現，因爲預期的用途是在可以脫機使用的應用程序中，但爲了簡單起見，同時我會對PHP解決方案感到滿意。

我曾嘗試使用GD的解決方案，但是我發現它在處理alpha時非常有限。主要問題是使用填充的橢圓和分層可能會抵消透明效果，並且僅使用逐漸縮小的橢圓繪製邊框會導致橢圓未完美對齊的問題（請參見下圖）。

是否有解決方案，我可以使用，消除了這些問題，並沒有涉及太複雜？我意識到我可以逐個像素地創建一個圖像，但對於什麼應該是相對容易的任務來說，這似乎是一個非常複雜的方法。

Answer 1

下面是使用看起來像它可能會開始你在正確的道路上標籤的例子：

http://nixtu.blogspot.com/2010/07/html5-canvas-gradients-radial-gradient.html

而且這裏有一個小提琴，顯示什麼，我想你可能是在尋找：

http://jsfiddle.net/hgZt7/2/

Answer 2

ImageMagick是完成任務的最簡單方法。功能完整列表是：http://us3.php.net/manual/en/book.imagick.php

爲了創建Alpha通道：http://us3.php.net/manual/en/function.imagick-getimagealphachannel.php