/api/thumbnail-proxy

const thumbnailUrl = 'https://img.youtube.com/vi/VIDEO_ID/maxresdefault.jpg';
const proxyUrl = `/api/thumbnail-proxy?url=${encodeURIComponent(thumbnailUrl)}`;

fetch(proxyUrl)
  .then(response => response.blob())
  .then(blob => {
    const img = document.createElement('img');
    img.src = URL.createObjectURL(blob);
    document.body.appendChild(img);
  })
  .catch(error => console.error('Error loading thumbnail:', error));

curl "https://lakeozarkdisciples.org/api/thumbnail-proxy?url=https%3A%2F%2Fimg.youtube.com%2Fvi%2FVIDEO_ID%2Fmaxresdefault.jpg" \
  --output thumbnail.jpg

const thumbnailUrl = 'https://cdn.lakeozarkdisciples.org/images/custom-thumbnail.png';
const proxyUrl = `/api/thumbnail-proxy?url=${encodeURIComponent(thumbnailUrl)}`;

const img = new Image();
img.crossOrigin = 'anonymous';
img.onload = () => {
  const canvas = document.createElement('canvas');
  const ctx = canvas.getContext('2d');
  canvas.width = img.width;
  canvas.height = img.height;
  ctx.drawImage(img, 0, 0);
  
  // Now you can manipulate the canvas
  const imageData = ctx.getImageData(0, 0, canvas.width, canvas.height);
  // ... apply filters, transformations, etc.
};
img.src = proxyUrl;