For Workers & Pages, what is the name of the domain?
workers.dev
What is the issue or error you’re encountering
image is displayed as it is, no watermark overlay
What steps have you taken to resolve the issue?
i verified that image transformation is enabled in the account.
What are the steps to reproduce the issue?
const transformUsingCloudflare = async () => {
const imageOptions: RequestInit<RequestInitCfProperties> = {
cf: {
image : {
width : 555,
height : 500,
format: 'jpeg',
draw : [
{
url: "https://png.pngtree.com/png-clipart/20210310/original/pngtree-hollow-watermark-texture-png-image_5915163.jpg",
fit: "contain",
width: 100,
height: 100,
bottom: 19,
right: 1,
repeat: "x",
opacity: 0.6
}
]
},
// cacheTtl: 86400 // cache for 1 day at Cloudflare edge
}
};
console.log('Going to fetch the image with watermarking and resizing applied');
return await fetch("https://cdn.colphotos.com/image?params=ZW5kPWdldCZwYXJhbXM9Wm1sc1pUMURVRW96TURFek1URXVhbkJuSm5OcGVtVTlNVEl3TUhneE9EQXdKbmRoZEdWeWJXRnlhejEwY25WbEptTnliM0E5ZEhKMVpRPT0=", imageOptions);
};
export default {
async fetch(request, env, ctx): Promise {
const watermarkedImageResponse = await transformUsingCloudflare();
return new Response(watermarkedImageResponse.body, {
headers: {
'Content-Type': watermarkedImageResponse.headers.get('Content-Type') || 'image/jpeg'
// 'Cache-Control': 'public, max-age=86400'
}
});
}
} satisfies ExportedHandler;