JSFiddle - React, Tailwind, and code Playground

HTML

All images:
<div id="myJershy">
    <img src="http://i.imgur.com/oGvNc0L.png" id="grey" style="position: fixed; top: 8px; left: 12px;width:150px;" />
        <img class="orange" id="orange" src="http://i.imgur.com/EJ3W1KM.jpg" style="position: fixed; left: 10px; top: 20px;" />
</div>

<hr/>
<br><br><br><br><br><br>
Merged image<br/><canvas id="myCanvas" width="300" height="300" style="border:1px solid #d3d3d3;">

JavaScript

$('#myJershy').children('img').each(function(){
    var c=document.getElementById("myCanvas");
    var ctx=c.getContext("2d");
    var img=document.getElementById($(this).attr('id'));
 ctx.drawImage(img,$(this).css('left').replace('px',''),$(this).css('top').replace('px',''),$(this).width(),$(this).height());
});