JSFiddle - React, Tailwind, and code Playground

JavaScript

var createImage= function(context){
  var image= new Image
  image.src= context.canvas.toDataURL()
  return image
}

var context1= document.createElement('canvas').getContext('2d')
context1.fillText('foo',0,10)

var context2= document.createElement('canvas').getContext('2d')
context2.fillText('bar',0,20)

var context3= document.createElement('canvas').getContext('2d')
context3.fillText('baz',0,30)

var context4= document.createElement('canvas').getContext('2d')
context4.drawImage(createImage(context1),0,0)
context4.drawImage(createImage(context2),0,0)
context4.drawImage(createImage(context3),0,0)

// jsfiddleのdocument.body.innerHTML初期化を待つ
setTimeout(function(){
  document.body.appendChild(createImage(context4))
})