svg模糊_使用SVG从图像创建抽象的模糊背景

svg模糊

CSS filters are very useful in web development, but they can’t be applied to background images: recent builds of Safari have backdrop-filter, but that still leaves other browsers out in the cold.

CSS过滤器在Web开发中非常有用，但不能应用于背景图片 ： Safari的最新版本具有background backdrop-filter ，但仍然使其他浏览器无所适从。

While blur effects aren’t usually associated with SVG, the vector format does retain one significant advantage in this area: it allows the creation of abstract backgrounds from any bitmap image, as shown in the demo at the top of this article.

尽管模糊效果通常与SVG无关，但是矢量格式在此方面确实保留了一个显着优势：它允许从任何位图图像创建抽象背景，如本文顶部的演示所示。

很小的欢乐 (The Joys of the Very Very Small)

Figure 1. An 8 × 4 pixel image (shown magnified approximately 6000%)

图1. 8×4像素的图像(放大约6000％显示)

One of the nicest hidden features of Webkit-based browsers is the visual effect they apply to very small images made extremely large. Given the 8 × 4 pixel image pixi.png shown in figur