まずこのコードをページの任意の領域に配置します
stdDeviation はブラーの量を設定します。最低は 0 です。
<svg style=display:none> <filter id=blur-effect-1> <feGaussianBlur stdDeviation=1/> </filter> <filter id=blur-effect-2> <feGaussianBlur stdDeviation=2/> </filter> </svg>
dom のブラー効果を呼び出す
document.body.style.filter='url(#blur-effect-2)' //レベル 2 ブラーを呼び出します document.body.removeAttribute(style);//ブラー効果をオフにします
以上がこの記事の全内容です。皆様の学習のお役に立てれば幸いです。また、VeVb Wulin Network をご支援いただければ幸いです。