简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Rumah> hujung hadapan web> tutorial js> teks badan

svg实现页面高斯模糊的代码

不言
Lepaskan： 2018-07-19 17:23:20
asal
1496 orang telah melayarinya

这篇文章给大家分享的内容是关于利用svg实现页面高斯模糊，有着一定的参考价值，有需要的朋友可以参考一下。

先在页面任意区域放上这段代码
stdDeviation设置模糊量，最低0
Salin selepas log masuk

在dom上调用模糊效果

document.body.style.filter='url(#blur-effect-2)' //调用2级模糊量 document.body.removeAttribute("style");//关闭模糊效果
Salin selepas log masuk

相关推荐：

JS如何操作svg来画图

Atas ialah kandungan terperinci svg实现页面高斯模糊的代码. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan：
html5 svg
sumber：php.cn
Artikel sebelumnya：浅析Vue的异步组件函数 Artikel seterusnya：一篇文章教你看懂关于JavaScript中this的软绑定
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
Menambah SVG sebaris pada projek Nuxt3 Vite anda: panduan langkah demi langkah Hai, saya menghadapi masalah mengimport svg sebaris ke dalam projek nuxt3vite saya. Sebara...
daripada 2023-11-04 13:36:38
0
2
297
Benamkan dokumen kandungan SVG merentas domain menggunakan teg objek Adakah "sah" mempunyai SVG yang mengandungi data daripada domain luaran, iaitu (...
daripada 2023-10-31 18:04:21
0
1
249
Bagaimana untuk membuat bayangan sisipan dalam SVG Saya perlu membuat kotak dengan bayang sebaris, sama seperti CSS3 mempunyai bayangan kotak...
daripada 2023-10-21 15:57:11
0
2
232
Adakah mungkin untuk menambah kecerunan pada laluan SVG? Saya ingin meletakkan penunjuk pemuatan mudah di tapak web saya yang dicetuskan oleh skrip...
daripada 2023-10-18 14:55:02
0
2
195
Kawal gaya svg .search-barsvg{width:25px;height:25px;color:red;}.search-buttonsvg{width:25px;height:25px;...
daripada 2023-09-18 17:34:54
0
1
207
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！