I have an HTML code for email signature from the company I work for and would like to implement a button to generate a JPG or PNG image of that signature so as not to be using PrintScreen and cropping in image editors like Paint or Photoshop .. . How can I do this?
<head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <link rel="stylesheet" type="text/css" href="C:/Users/Markar/Desktop/Print.js-1.0.61/print.min.css"> </head> <table class="tg" id="printer"> <tr> <th class="tg-031e"></th> <th class="tg-031e"></th> <th class="tg-031e"></th> </tr> <tr> <td class="tg-031e" rowspan="6"> <img src="M:\Markar\Depto_diretoria\Assinaturas_MK_2016\Assinatura 2019\ASSETS\logo_Markar_oficial.png"width="145"> </td> <td class="tg-031e"><b><FONT COLOR=black SIZE=2>Julxxx Sxxxxxxxom</FONT></b></td> <td class="tg-031e" rowspan="6"> <img src="M:\Markar\Depto_diretoria\Assinaturas_MK_2016\Assinatura 2019\ASSETS\pqec_2019_Branco.jpg"width="110"></td> </tr> <tr> <td class="tg-031e"><FONT COLOR=gray SIZE=2>Qualidade</FONT></td> </tr> <tr> <td height=40></td> </tr> <tr> <td class="tg-031e"></td> </tr> <tr> <td class="tg-031e"><FONT COLOR=green SIZE=1>Fone(xx) 2xxx-xxxx</FONT></td> </tr> <tr> <td class="tg-031e"><FONT COLOR=blue SIZE=2>www.xxxxxxxxxxx.com.br</FONT></td> </tr> <tr> <td class="tg-yw4l"></td> <td class="tg-yw4l" width=250><FONT COLOR=blue size=2px>[email protected]</FONT></td> <td class="tg-yw4l"></td> </tr> </table> <button type="button" onclick="printJS({ printable: 'printer', type: 'html' })"> imprimir </button> <script type="text/javascript" src="C:/Users/Markar/Desktop/Print.js-1.0.61/print.min.js"></script>I would like the generated jpg to incorporate the 2 images inserted in the <img src = "")> tags, the text content and the final html format without distortion
