使用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

回答