JSFiddle - React, Tailwind, and code Playground

by Cristofer Sousa

HTML

<script src="https://use.fontawesome.com/cb48caa32e.js"></script>
<div>
  <button onclick="verMaior()">
    <i class="fa fa-arrows-alt" aria-hidden="true"></i>
</button>
  <img src="http://www.clockbrasil.com.br/images/extra/MRSPC001.jpg" alt="" width="50%" id="srcImg">
</div>

JavaScript

window.verMaior = verMaior;

function verMaior(){ 
	 // capturar src da imagem
   var image = document.getElementById("srcImg").cloneNode();  
    // gerar nova janela 
   var newpopupWindow = window.open ('', 'pagina', "width=600 height=600");
   // exibir imagem capturada na janela criada
   image.style.width="100%";
   newpopupWindow.document.body.appendChild(image);
  }