Yandex Image Downloader

function processImage(originalImg, filename = "download", format = "png") {
    const container = document.createElement('div');
    container.style.fontFamily = 'Arial, sans-serif';
    container.style.textAlign = 'center';
    container.style.padding = '20px';
    container.style.backgroundColor = '#f5f5f5';
    container.style.borderRadius = '8px';

    const canvas = document.createElement('canvas');
    canvas.width = originalImg.naturalWidth || originalImg.width;
    canvas.height = originalImg.naturalHeight || originalImg.height;
    
    const ctx = canvas.getContext('2d');
    ctx.drawImage(originalImg, 0, 0);

    canvas.style.maxWidth = '100%';
    canvas.style.maxHeight = '60vh';
    canvas.style.objectFit = 'contain';
    canvas.style.marginBottom = '20px';
    canvas.style.borderRadius = '4px';
    canvas.style.boxShadow = '0 2px 8px rgba(0,0,0,0.2)';

    const btn = document.createElement('button');
    btn.textContent = 'Download Image';
    btn.style.padding = '12px 24px';
    btn.style.fontSize = '16px';
    btn.style.fontWeight = 'bold';
    btn.style.color = '#000000';
    btn.style.backgroundColor = '#ffcc00'; // Yandex brand yellow
    btn.style.border = 'none';
    btn.style.borderRadius = '4px';
    btn.style.cursor = 'pointer';
    btn.style.transition = 'background-color 0.2s ease';
    
    btn.onmouseover = () => btn.style.backgroundColor = '#e6b800';
    btn.onmouseout = () => btn.style.backgroundColor = '#ffcc00';

    btn.onclick = () => {
        const link = document.createElement('a');
        const mimeType = format.toLowerCase() === 'jpg' ? 'jpeg' : format.toLowerCase();
        link.download = `${filename}.${format.toLowerCase()}`;
        link.href = canvas.toDataURL(`image/${mimeType}`);
        link.style.display = 'none';
        document.body.appendChild(link);
        link.click();
        document.body.removeChild(link);
    };

    container.appendChild(canvas);
    container.appendChild(document.createElement('br'));
    container.appendChild(btn);

    return container;
}