使用Javascript有沒有辦法抓住線性或徑向漸變渲染的背景圖像？

我特別感興趣的漸變，但我想這個問題適用於用任何方法呈現的圖像，如數據：image/svg + xml; ...使用Javascript有沒有辦法抓住線性或徑向漸變渲染的背景圖像？

這可能嗎？

ETA：

這可以通過將漸變渲染到畫布上來實現。有興趣的人節省了CSS3線性或徑向漸變的.png文件，請訪問：

設計你的梯度，點擊CVS（畫布）按鈕，右鍵單擊漸變預覽保存爲一個圖像。

2012-06-08 Jules

某些類型的情況和你真正想要做的事情的例子將限制你獲得的廣泛答案。嘗試更具體！ – Shaz

如果您訪問http://www.visualcsstools.com/，您會看到一個網絡應用程序，它可以爲任何參數生成徑向和線性漸變，而不僅僅是簡單的上/下，左/右線性漸變。我正在尋找一個回落，CSS和SVG不是一個選項。 – Jules

一個帶有CSS漸變背景的DOM元素，如果沒有屏幕截圖實用工具，就無法做到這一點。但是，如果您在canvas元素（以及canvas元素中的任何其他圖形）中繪製了漸變，則可以在瀏覽器中使用JavaScript將canvas元素的圖形導出爲JPG或PNG格式。 See this question。

2012-06-08 17:01:10

這看起來很有希望，我只需要看看畫布漸變... – Jules

它看起來像要走的路。我已經設法做CSS Linear到Canvas Linear（幾乎和CSS到SVG一樣），現在有希望使用radial也同樣簡單！ – Jules

-3

通過截圖也許？

2012-06-08 16:50:25 HBP

如問題中所述，你可以用javascript截圖嗎？ – Jules

回答