手把手教程 | 基于无服务器技术及 Amazon S3 对象存储的图片处理方案

有的时候，你也许在方案中找不到你希望的图片处理操作，这个时候你可以考虑进行二次开发对功能进行扩展。你可以按如下形式开发新的图片处理方法：

1. 请联系我们获取代码库，并 fork 代码

2. 在 new-image-handler 项目的 image 文件夹下创建你的代码文件，文件名称为你的图像处理名称

3. 继承接口 IImageAction .

4. 实现 接口的 name 属性，该属性定义了操作的名称

5. 实现接口 IImageAction 方法 validate， 该方法 主要负责对传入的参数进行验证。传入的参数满足 <attribute name>_<attribute value> 的格式，例如 size_10,它的含义是参数 size 的值为 10

6. 实现接口 IImageAction 方法 process， 该方法 主要负责完成实际的图片处理逻辑。该方法的参数 ctx 的 image 对象是待处理图片的 sharp.js 对象。所以您可以在process 方法利用 sharp.js 的 api 对图片进行操作

7. 在 index.ts 文件中通过 ImageProcessor.getInstance() 注册您的处理对象

1. 修改代码根目录下的 Dockerfile, 将
   ENV NODE_ENV=production
   # 修改为
   ENV NODE_ENV=dev
2. 取消 Dockerfile 第 61 行的注释。这行代码会把一些测试图片复制到docker容器中，供测试使用。
   # COPY test/fixtures app/lib/test/fixtures

1. blend：图片的混合方式，默认值为 'over'，还有其他常用的值为 'overlay'，'out'。不同的值有不同的混合效果，需要通过尝试选择你需要的混合方式

2. gravity：水印图片/或文字相对底图的布局方式，默认为 center, 另外常用的值有 north，northwest

3. top，left：分别是相对于上边和左边的像素偏移量

4. tile：水印图片/或文字是否需要重复，默认值 false

const sharp = require('sharp');

纯文字水印的实现要依赖 svg：

const opacity = 0.8
overlapImg.removeAlpha().ensureAlpha(opacity);

const sharp = require('sharp');

const opacity = 0.5;

(async () => {
  let watermarkImg = sharp('panda.png').png();
  const bt = await watermarkImg.convolve({
    width: 3,
    height: 3,
    kernel: [
      0, 0, 0,
      0, opacity, 0,
      0, 0, 0
    ]
  }).png().toBuffer();

  const background = sharp('aws.png')
  let u = await background
    .composite([
      { input: bt, blend: 'over' }
    ]).toFile('./output/o3.png');
})().catch(console.error)