html 中用于模糊图像的算法

Algorithm used to blur an image in html

要模糊网页上的图像 "example.png",我使用以下代码:

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
img {
  filter: blur(3px);
}
</style>
</head>
<body>
<img src="example.png" alt="im" width="90" height="40">
</body>
</html>

我认为无法检索图像,因为它是由您的浏览器计算的。如果您请求 (GET) 图片,它将始终是原始图片。最好的办法是对其进行截图。

用于filter: blur的算法称为高斯模糊