Всем привет. Не могу разобраться как заставить это работать -
gif.js
Допустим у меня есть два изображения и div блок в котором должен появится gif файл :
<img class="images" src="1.jpg">
<img class="images" src="2.jpg">
<div class="demo">
</div>
Как это осуществить пользуясь этой инструкцией?
var gif = new GIF({
workers: 2,
quality: 10
});
// add a image element
gif.addFrame(imageElement);
// or a canvas element
gif.addFrame(canvasElement, {delay: 200});
// or copy the pixels from a canvas context
gif.addFrame(ctx, {copy: true});
gif.on('finished', function(blob) {
window.open(URL.createObjectURL(blob));
});
gif.render();