要模糊网页上的图像“ 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>
我相信该图像无法检索,因为它是由您的浏览器计算得出的。如果您请求(获取)图像,它将始终是原始图像。最好的选择是将其截图。
用于filter: blur
的算法称为高斯模糊。