JSFiddle - React, Tailwind, and code Playground

by electronoob

HTML

<img id=i>

<canvas id=cs></canvas>

JavaScript

//var webp = canvas.toDataURL("image/webp");
//http://api.giphy.com/v1/gifs/search?q=funny+cat&api_key=dc6zaTOxFJmzC


i.src = 'https://media2.giphy.com/media/FiGiRei2ICzzG/giphy.webp';

var c = cs.getContext('2d');

var draw = function () {
  c.drawImage(i,0,0);
}
setInterval(draw, 1000);