如何下载css-3过滤器应用的图像

Question

我正在尝试创建一个图像编辑器，其中css-3用于应用过滤器，需要下载该图像以便快速处理图像。

https://jsfiddle.net/sridharn/bq6w8fx2/

.form-group textarea {
  border: 2px solid #D2D2D2;
  transition: border-color 1s;
  background-image:none;
}
.is-focused textarea {
  border: 3px solid #009688;
}

但是，下载的图像为空。

Answer 1

您无法下载包含过滤器的图片，因为filter:属性告诉浏览器如何呈现图片并执行不编辑，这意味着图像是相同的，但浏览器显示不同。这就是为什么你下载它们时总会得到一个空图像（在没有过滤器的意义上是空的），因为下载了原始图像。您必须使用图像编辑器来更改图像。