镁铝肿么啦

马黑黑

erode（腐蚀） dilate（扩张）

0

马黑黑

svg代码：

1. <svg id="msvg" width="800" height="400" xmlns="http://www.w3.org/2000/svg">
   
2.         <filter id="f1">
   
3.                 <feMorphology operator="dilate" radius="1" in="SourceGraphic"></feMorphology>
   
4.         </filter>
   
5.         <image href="https://tse1-mm.cn.bing.net/th/id/OIP-C.11przxGxcHIKgfNax3ju1AAAAA?rs=1&amp;pid=ImgDetMain" filter="url(#f1)"></image>
   
6.         <text x="500" y="100" style="font-size: 60px; letter-spacing: 10;" filter="url(#f1)">HELLO</text>
   
7. </svg>

复制代码

马黑黑

feMorphology 滤镜被称为生态学滤镜，它实际上是改变目标对象的形态：通过 operator 属性（值为 erode 或 dilate）实现对目标对象进行腐蚀或扩张修饰，radius 属性则是腐蚀或扩张的程度，值在 0 ~ N 之间。

本例，该滤镜作用于目标图像（in="SourceGraphic"），单选按钮选择修饰形态（operator），滑杆改变修饰程度值。

马黑黑

超粗文本可以考虑使用这个 feMorphology 滤镜：先选择较粗的字体、将字体设为粗体，字间距设置为大一些，然后再通过滤镜的 operator="dilate" 修饰文本，radius 设为2

马黑黑

文本笔画超细：operator="erode" radius="2"

朵拉

这是照哈哈镜么

红影

这个有意思，拉动滑杆，美女变化好大啊。这个生态学滤镜能让美女变野兽

红影

黑黑旁边设置了文本，还以为是为了对比，原来还能设置文本的超粗和超细呢

红影

这个生态学滤镜想不起以前讲过没有，反正觉得挺新的。
感谢黑黑的好教程

马黑黑

红影 发表于 2024-11-15 20:48
这个生态学滤镜想不起以前讲过没有，反正觉得挺新的。
感谢黑黑的好教程

提到过，也用过

梦江南

美女代码的滤镜与文字的滤镜正好相反。太厉害了！

泡沫

马黑黑 发表于 2024-11-15 19:49
feMorphology 滤镜被称为生态学滤镜，它实际上是改变目标对象的形态：通过 operator 属性（值为 erode 或 d ...

这个小程序使得图片从清晰到腐蚀的过程一目了然，
居然还有这样的滤镜。。。也是够生态的。。

泡沫

radius 属性则是腐蚀或扩张的程度，值在 0 ~ N 之间，
数据大一些，颜色彻底晕染，啥也分不清了。
更大就全黑好玩。

马黑黑

泡沫 发表于 2024-11-16 12:24
radius 属性则是腐蚀或扩张的程度，值在 0 ~ N 之间，
数据大一些，颜色彻底晕染，啥也分不清了。
更大就 ...

所以要适可而止

马黑黑

泡沫 发表于 2024-11-16 12:17
这个小程序使得图片从清晰到腐蚀的过程一目了然，
居然还有这样的滤镜。。。也是够生态的。。

这个生态学滤镜主要是用来改变图像的形态

红影

马黑黑 发表于 2024-11-15 22:48
提到过，也用过

这个用美女演示挺吓人，无论多美的人，随着时间的流逝，最后也都是一副枯骨

马黑黑

红影 发表于 2024-11-16 17:59
这个用美女演示挺吓人，无论多美的人，随着时间的流逝，最后也都是一副枯骨

泡沫

马黑黑 发表于 2024-11-16 12:42
所以要适可而止

可以通过这种方法整出一个晕染大背景。。或者纯黑背景
对美人儿的腐蚀必须适可而止，下手得轻

泡沫

马黑黑 发表于 2024-11-16 12:43
这个生态学滤镜主要是用来改变图像的形态

看出来了，跟自然界物品感觉一样一样的。。时间长了都会变化

马黑黑

泡沫 发表于 2024-11-16 20:43
看出来了，跟自然界物品感觉一样一样的。。时间长了都会变化

对的