javascript - 上传时模糊图像

我正在使用 Angular 和 Firebase 开发一个 Web 应用程序。在应用程序上，用户可以上传图片，然后其他用户可以购买该图片。问题是，我想将图像的模糊版本上传到 Firebase 存储，这样我就有两个版本的图像：原始图像和模糊图像。一旦用户购买了图像，他就可以下载原始图像。

我添加了一个 CSS 属性filter: blur(5px) brightness(0.5);，但这显然是一种不好的做法，因为用户可以通过开发工具更改 CSS 属性（如果他们有一些知识），或者只需右键单击并save image as从站点获取原始属性。

所以我的问题是，我必须使用哪些选项来模糊图像？在我看来，我应该在上传时模糊图像，以便我将图像的 2 个版本保存在存储中，以便用户在购买之前可以看到图像的模糊版本。

标签： javascriptimageblur

这与angular或firebase无关。你需要的是一个图像处理节点库。

我建议使用 -

如果您在使用它们时遇到任何问题，请分享。