Data URI generates a black gif

[antimatter15]

Data URI generates a black gif

[antimatter15]

You can't add raw image URLs with addFrame which expects a canvas object. One way to do this is by creating a canvas context and calling drawImage with the data URL

Sent from my iPhone

On Jun 19, 2014, at 11:12 AM, kinduff [email protected] wrote:

If I add a frame with a Data URI it generates a black gif.

To reproduce

Modify clock.html demo at line 127:

uridata = canvas.toDataURL('image/png');
encoder.addFrame(uridata, true);
Data URI is generated good, you can see it if you add console.log(uridata) and the end.

Did I missed something from the docs, tho?

—
Reply to this email directly or view it on GitHub.

[kinduff]

@antimatter15 I read at the README file that:

You can set the second parameter to true and pass a imageData.data-esque array as your first argument.

How can I generate this imageData.data-esque?

[leeoniya]

my guess is

var fauxImageData = {
    width: 320,
    height: 75,
    data: [...],                      // `Uint8Array` or `Uint8ClampedArray` of subpixels
};

[kinduff]

@leeoniya Thanks!