Throws "Invalid filter algorithm" error on some PNG images

When attempting to generate a pdf with this image jsPDF throws an error:

Uncaught Error: Invalid filter algorithm: 100
    at e.decodePixels (jspdf.min.js:286)
    at Object.t.processPNG (jspdf.min.js:282)
    at Object.t.addImage (jspdf.min.js:281)

I’ve created an example bin to illustrate the issue: http://jsbin.com/nujiyebamu/edit?html,js,output

[denis-lukin]

If someone still doesn’t know what to do, you can try this:

const convertImgToBase64URL = (url, outputFormat) =>
    new Promise((resolve, reject) => {
        const img = new Image();
        img.crossOrigin = 'Anonymous';
        img.onerror = (e) => {
            reject(e);
        };
        img.onload = function () {
            let canvas = document.createElement('CANVAS');
            const ctx = canvas.getContext('2d');
            let dataURL;
            canvas.height = img.height;
            canvas.width = img.width;
            ctx.drawImage(img, 0, 0, img.width, img.height);
            dataURL = canvas.toDataURL(outputFormat);
            canvas = null;
            resolve({ dataURL });
        };
        img.src = url;
    });

const imageBase64 = convertImgToBase64URL('/assets/images/your_image.png');

after that just use this for image rendering:

<Image src={imageBase64.dataURL} />

[Uzlopak]

PullRequest #1455