Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/89.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用Javascript有没有办法抓取由线性或径向渐变渲染的背景图像?_Javascript_Jquery_Image_Background Image_Gradient - Fatal编程技术网

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

使用Javascript有没有办法抓取由线性或径向渐变渲染的背景图像?,javascript,jquery,image,background-image,gradient,Javascript,Jquery,Image,Background Image,Gradient,我对渐变特别感兴趣,但我认为这个问题适用于使用任何方法渲染的图像,例如data:image/svg+xml 可能吗 预计到达时间: 这可以通过在画布上渲染渐变来实现。如果有兴趣保存CSS3线性或径向渐变的.png,请访问: 设计渐变,单击CVS(canvas)按钮,右键单击渐变预览以将其保存为图像。通过截屏,或者?一个具有CSS渐变背景的DOM元素,如果没有截屏工具,就无法实现这一点 但是,如果在画布元素(以及画布元素中的任何其他图形)中绘制渐变,则可以在浏览器中使用JavaScript将画布

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

可能吗

预计到达时间:

这可以通过在画布上渲染渐变来实现。如果有兴趣保存CSS3线性或径向渐变的.png,请访问:


设计渐变,单击CVS(canvas)按钮,右键单击渐变预览以将其保存为图像。

通过截屏,或者?

一个具有CSS渐变背景的DOM元素,如果没有截屏工具,就无法实现这一点


但是,如果在画布元素(以及画布元素中的任何其他图形)中绘制渐变,则可以在浏览器中使用JavaScript将画布元素的图形导出为JPG或PNG

某种类型的情况和你真正想做的事情的例子会限制你必然得到的广泛答案。尽量说得更具体些!如果转到,您将看到一个web应用程序,它为任何参数生成径向和线性渐变,而不仅仅是简单的上/下、左/右线性渐变。我一直在寻找一个退路,CSS和SVG不是一个选项。你能像问题中指定的那样用javascript截图吗?这看起来是一个不错的选择。我已经成功地实现了CSS线性到画布线性(与CSS到SVG几乎相同),现在希望radial也同样简单!