我的用户上传背景图片。这些图像存储在 Amazon S3 上的 CDN 中（不在同一台服务器上）。
目前，我做背景的方式是这样的。
<div id="background"></div>
它的位置是固定的，我使用 javascript 来设置背景图像。
我想在客户端模糊这个背景。我怎样才能做到这一点？
Blur.js 不适用于 Amazon CDN 上的图像。
问问题
831 次
3 回答
0
您可以使用 css 过滤器来执行此操作，但仅限于超级新浏览器。这和 SVG 过滤器的组合将为您提供一些浏览器。我想你可以回到画布，然后用 excanvas 来获取几乎所有的浏览器。
真的，我只会使用过滤器，一年左右大多数用户都会拥有它们。
于 2012-08-01T21:55:23.957 回答
0
您可以随时尝试使用 Pixastic 库（只要您不介意使用 HTML5 功能）：
于 2012-08-01T21:50:02.180 回答
0
目前，您可以使用 style.filter，请参见下面的示例：
var element = document.getElementById("background");
element.style.filter = "blur(0px)";
在 Chrome 版本 86.0.4240.198 (Official Build) (x86_64) 上测试并且可以正常工作。
于 2020-11-22T15:59:05.300 回答