tencent cloud

addEventListener('fetch', (event) => {
  const response = fetch(event.request, { eo: { image: { format: "avif" } } });
  event.respondWith(response);
});

async function handleRequest() {
  const request = new Request("https://www.example.com/test.jpg", { eo: { image: { format: "avif" } } });
  const response = await fetch(request);
  return response;
}

addEventListener('fetch', (event) => {
  event.respondWith(handleRequest());
});

// 将原图转换为 avif 格式
eo: { image: { format: "avif" } }

// 设置图片的绝对质量为 80
eo: { image: { quality: 80 } }

// 设置图片的相对质量为 80
eo: { image: { rquality: 80 } }

// 设置图片的最低质量 80
eo: { image: { lquality: 80 } }

// 设置按长边进行等比缩放，缩放后长边长度为 100px
eo: { image: { long: 100 } }

// 设置按短边进行等比缩放，缩放后短边长度为 100px
eo: { image: { short: 100 } }

// 设置按宽度进行等比缩放，缩放后宽度为 100px
eo: { image: { width: 100 } }

// 设置按高度进行等比缩放，缩放后高度为 100px
eo: { image: { height: 100 } }

// 设置按高度和宽度进行等比缩放，缩放后宽度最大为 100px，高度最大为 100px，等比缩放
eo: { image: { width: 100, height: 100 } }

// 设置按总像素数量进行等比缩放，缩放后总像素值不超过 10000px
eo: { image: { area: 10000 } }

// 设置按像素值进行非等比缩放，缩放后宽度为 100px，高度为 100px，不保留宽高比
eo: { image: { fit: 'cover', width: 100, height: 100 } }

// 设置按宽度百分比进行非等比缩放，缩放后宽度为原图的 50%
eo: { image: { fit: 'percent', width: 50 } }

// 设置按高度百分比进行非等比缩放，缩放后高度为原图的 50%
eo: { image: { fit: 'percent', height: 50 } }

// 设置按宽度和高度百分比进行非等比缩放，缩放后宽度为原图的 50%，高度为原图的 50%
eo: { image: { fit: 'percent', width: 50, height: 50 } }

// 设置按宽度进行原始裁剪，裁剪后宽度为 100px
eo: { image: { fit: 'cut', width: 100 } }

// 设置按高度进行原始裁剪，裁剪后高度为 100px
eo: { image: { fit: 'cut', height: 100 } }

// 设置按宽度和高度进行原始裁剪，裁剪后宽度为 100px，高度为 100px
eo: { image: { fit: 'cut', width: 100, height: 100 } }

// 设置按宽度和高度进行原始裁剪，指定锚点位置（九宫格），裁剪后宽度为 100px，高度为 100px
eo: { image: { fit: 'cut', width: 100, height: 100, gravity:'center' } }

// 设置按宽度和高度进行原始裁剪，指定锚点位置（坐标），裁剪后宽度为 100px，高度为 100px
eo: { image: { fit: 'cut', width: 100, height: 100, gravity: { x: 100, y: 100 } }

// 设置按宽度进行缩放裁剪，裁剪后宽度为 100px
eo: { image: { fit: 'crop', width: 100 } }

// 设置按高度进行缩放裁剪，裁剪后高度为 100px
eo: { image: { fit: 'crop', height: 100 } }

// 设置按宽度和高度进行缩放裁剪，裁剪后宽度为 100px，高度为 100px
eo: { image: { fit: 'crop', width: 100, height: 100 } }

// 设置按宽度和高度进行缩放裁剪，指定锚点位置（九宫格），裁剪后宽度为 100px，高度为 100px
eo: { image: { fit: 'crop', width: 100, height: 100, gravity:'northwest' } }