假设以下HTML结构:
我正在应用CSS3过滤器,例如
是否有可能将带有过滤器的渲染图像转换为blob,并使最终用户下载,而不涉及任何服务器端过程/代理?
注意:客户端下载使用FileSaver.js进行,并且可能使用HTML2Canvas进行转换到画布。
编辑:
进一步调查显示这可能不可能(欢迎证明此错误),唯一的解决方案可能是通过JavaScript在画布本身中复制这些过滤器。 像素操作教程 或一个可靠的库,如CamanJS。
<div id="image-blob" class="filter-wrapper">
<img id="pic" src="">
</div>
我正在应用CSS3过滤器,例如
-webkit-filter: blur(1px) brightness(1.5) contrast(1.8) drop-shadow(black 16px 16px 20px) grayscale(0.2) hue-rotate(90deg) invert(0.1) saturate(3.6) sepia(0.3);
到<img>
元素。是否有可能将带有过滤器的渲染图像转换为blob,并使最终用户下载,而不涉及任何服务器端过程/代理?
注意:客户端下载使用FileSaver.js进行,并且可能使用HTML2Canvas进行转换到画布。
编辑:
进一步调查显示这可能不可能(欢迎证明此错误),唯一的解决方案可能是通过JavaScript在画布本身中复制这些过滤器。 像素操作教程 或一个可靠的库,如CamanJS。