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());
});

// Convert the original image to AVIF format.
eo: { image: { format: "avif" } }

// Set the absolute quality of the image to 80.
eo: { image: { quality: 80 } }

// Set the relative quality of the image to 80.
eo: { image: { rquality: 80 } }

// Set the minimum quality of the image to 80.
eo: { image: { lquality: 80 } }

// Set proportional scaling based on the long edge, with the length of the scaled long edge being 100 px.
eo: { image: { long: 100 } }

// Set proportional scaling based on the short edge, with the length of the scaled short edge being 100 px.
eo: { image: { short: 100 } }

// Set proportional scaling based on the width, with the scaled width being 100 px.
eo: { image: { width: 100 } }

// Set proportional scaling based on the height, with the scaled height being 100 px.
eo: { image: { height: 100 } }

// Set proportional scaling based on both height and width, with the maximum scaled width being 100 px and the maximum scaled height being 100 px. To be scaled proportionally.
eo: { image: { width: 100, height: 100 } }

// Set proportional scaling based on the total number of pixels, with the total scaled pixel value not exceeding 10,000 px.
eo: { image: { area: 10000 } }

// Set non-aspect ratio scaling based on pixel values, scaling the width to 100 px and the height to 100 px, without maintaining the aspect ratio.
eo: { image: { fit: 'cover', width: 100, height: 100 } }

// Set non-proportional scaling based on width percentage, with the scaled width being 50% of the original image.
eo: { image: { fit: 'percent', width: 50 } }

// Set non-proportional scaling based on height percentage, with the scaled height being 50% of the original image.
eo: { image: { fit: 'percent', height: 50 } }

// Set non-proportional scaling based on both width and height percentages, with the scaled width and height being 50% of the original image, respectively.
eo: { image: { fit: 'percent', width: 50, height: 50 } }

// Set to perform original cropping based on width, with the cropped width being 100 px.
eo: { image: { fit: 'cut', width: 100 } }

// Set to perform original cropping based on height, with the cropped height being 100 px.
eo: { image: { fit: 'cut', height: 100 } }

// Set to perform original cropping based on both width and height, with the cropped width being 100 px and the cropped height being 100 px.
eo: { image: { fit: 'cut', width: 100, height: 100 } }

// Set to perform original cropping based on both width and height, specifying the anchor point (using the 3x3 grid), with the cropped width being 100 px and the cropped height being 100 px.
eo: { image: { fit: 'cut', width: 100, height: 100, gravity:'center' } }

// Set to perform original cropping based on both width and height, specifying the anchor point (using coordinates), with the cropped width being 100 px and the cropped height being 100 px.
eo: { image: { fit: 'cut', width: 100, height: 100, gravity: { x: 100, y: 100 } }

// Set to perform scaled cropping based on width, with the cropped width being 100 px.
eo: { image: { fit: 'crop', width: 100 } }

// Set to perform scaled cropping based on height, with the cropped height being 100 px.
eo: { image: { fit: 'crop', height: 100 } }

// Set to perform scaled cropping based on both width and height, with the cropped width being 100 px and the cropped height being 100 px.
eo: { image: { fit: 'crop', width: 100, height: 100 } }

// Set to perform scaled cropping based on both width and height, specifying an anchor point position (3x3 grid), with the cropped width being 100 px and the cropped height being 100 px.
eo: { image: { fit: 'crop', width: 100, height: 100, gravity:'northwest' } }