emoji-draw

by borsna

HTML

<canvas id="canvas" style="width:100%;height:100%"></canvas>

JavaScript

var primaryCtx = document.getElementById("canvas").getContext("2d");
primaryCtx.font = "30px Arial";
var i = 0;

(function drawFrame() {
    i++;
    requestAnimationFrame(drawFrame);

    primaryCtx.save();
    primaryCtx.fillRect(0,0,500,500);
    
    
    primaryCtx.fillText("🍔", i, 50);
    
    primaryCtx.strokeStyle  = "red";
    primaryCtx.beginPath();
primaryCtx.rect(i, 50, 50, 50);
primaryCtx.stroke();
    
    if(i > 200) i=0;
    primaryCtx.restore(); 
})();