如何利用秀米设置SVG（点亮）效果

自媒体工作者们都会利用到秀米这个排版编辑网页，秀米的SVG功能已经推出很久了，而且真的是挺有效果的。不过对于小白来说，想用好这个效果还是有点难度的，今天我们一起来看看我们可以怎样做到这个效果呢？ 找

自媒体工作者们都会利用到秀米这个排版编辑网页，秀米的SVG功能已经推出很久了，而且真的是挺有效果的。不过对于小白来说，想用好这个效果还是有点难度的，今天我们一起来看看我们可以怎样做到这个效果呢？

找到自己想要的效果图片

首先我们找到自己想要的效果图片，并将其用ps设置成黑白的。你可以从网上搜索合适的图片作为样例。图片设为黑白的方法有很多，样例中使用了ps。

调节图片为黑白效果

在ps中点击【图像】-【调整】-【黑白】，将图片调节成黑白效果。然后直接点击确定即可。

注意存储时要另存为并保持格式一致

在保存图片时要选择另存为，并保存为与原彩色图片格式一致的既定格式。这样可以确保两张图片的格式保持一致。

现在，我们就准备好我们需要的两张图片了。

接下来，我们将使用秀米来设置SVG（点亮）效果。在秀米编辑器中，我们可以选择将黑白图片作为背景图，并使用SVG代码来实现点亮效果。

首先，在秀米编辑器中选择一个合适的区块，然后点击添加背景图。上传或选择之前准备好的黑白图片作为背景图。

接着，我们需要编写SVG代码来实现点亮效果。在秀米编辑器中的代码模式下，找到合适的位置插入以下代码：

lt;svg xmlns"" viewBox"0 0 24 24"gt;
  lt;defsgt;
    lt;filter id"brightness-filter"gt;
      lt;feColorMatrix type"matrix" values"1 0 0 0 0
                                            0 1 0 0 0
                                            0 0 1 0 0
                                            0 0 0 1 0" /gt;
    lt;/filtergt;
  lt;/defsgt;
lt;/svggt;

这段代码定义了一个滤镜效果，将图片的亮度设置为正常值。你可以根据需要调整亮度值。

最后，在秀米编辑器中选择刚刚添加的背景图区块，然后点击插入代码按钮，在弹出的对话框中将之前编写的SVG代码粘贴进去。

保存并预览你的网页，你会看到黑白图片被点亮了！

通过以上步骤，我们可以利用秀米设置SVG（点亮）效果，让网页更加生动有趣。