使用Javascript有没有办法抓取由线性或径向渐变渲染的背景图像

Using Javascript is there a way to grab the background image rendered by a linear or radial gradient?

本文关键字:渐变 图像 背景 有没有 Javascript 抓取 线性 使用      更新时间:2023-09-26

我对渐变特别感兴趣,但我想这个问题适用于使用任何方法渲染的图像,例如 data:image/svg+xml;...

可能吗?

伊塔:

这是通过将渐变渲染到画布上来实现的。对于任何有兴趣保存 CSS3 线性或径向渐变.png的人,请访问:

http://www.visualcsstools.com/gradient-generator.htm

设计渐变,单击 CVS(画布)按钮,然后右键单击渐变预览以将其另存为图像。

具有 CSS 渐变背景的 DOM 元素,如果没有屏幕截图实用程序,就无法做到这一点。

但是,如果在画布元素

(以及画布元素中的任何其他图形)中绘制渐变,则可以在浏览器中使用 JavaScript 将画布元素的图形导出为 JPG 或 PNG。看到这个问题。

也许是通过截图?