从 firebase 读取图像时如何在图像上添加水印？

Question

我正在 React 网站上工作，当用户从 Firebase 存储中读取该图像时，我想在该图像上添加水印。那么有没有办法在从存储中读取图像时添加水印？

我已经完成了 ，但它与 Flutter/Dart 有关，但我想要 REACT 的答案。

请指导我完成此操作。

谢谢

Answer 1

如果您想为 Firebase 存储中的图像添加水印，我通常会使用在上传图像时触发的 Cloud Function 来实现。您可以将其基于此处的示例图像转换器：https://github.com/firebase/functions-samples/tree/master/convert-images

示例使用 Image Magick 执行转换，因此您也可以对图像使用 Image Magick to add a watermark。