JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>


    <script>
    function mypng(){ 
        var c=document.getElementById("picture");
        var dataURL = c.toDataURL("image/png");
        document.querySelector("#image").src = dataURL;
        event.preventDefault();
    }
    </script>


<a id="jpeg" href="http://localhost:8000/media/games/2016/03/30/dshiMjfDgr73wgWCMhrwUF.jpg" onclick="mypng();">LINK</a>

<canvas id="picture"></canvas>