title: Export any Chart, any table and any content into Image In Angular2 Project
body: <p>I am working on Angular2 Project in which I've implemented below things in my project:</p>
  
  <ul>
  <li>jQxGrid (<a href="http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxgrid/index.htm#demos/jqxgrid/defaultfunctionality.htm" rel="nofollow noreferrer">http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxgrid/index.htm#demos/jqxgrid/defaultfunctionality.htm</a>)</li>
  <li>Angular Table </li>
  <li>nvd3 boxplot chart (<a href="https://nvd3-community.github.io/nvd3/" rel="nofollow noreferrer">https://nvd3-community.github.io/nvd3/</a>)</li>
  <li>jQxDonut chart (<a href="http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxchart/index.htm#demos/jqxchart/javascript_chart_donut_series.htm" rel="nofollow noreferrer">http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxchart/index.htm#demos/jqxchart/javascript_chart_donut_series.htm</a>)</li>
  </ul>
  
  <p>I would like to implement common code which can export HTML / div / table / any chart into PNG/JPEG.</p>
  
  <p>Is there any easiest way to implement export functionality in Angular 2?</p>
  
  <p>I have seen below links and tried to implement it but no luck.</p>
  
  <p><a href="https://github.com/tsayen/dom-to-image#usage" rel="nofollow noreferrer">https://github.com/tsayen/dom-to-image#usage</a></p>
  
  <p><a href="https://stackoverflow.com/questions/10721884/render-html-to-an-image">Render HTML to an image</a></p>
  
  <p><a href="https://www.aspsnippets.com/Articles/Convert-Export-HTML-DIV-or-Table-to-Image-using-HTML-Canvas-in-ASPNet-using-C-and-VBNet.aspx" rel="nofollow noreferrer">https://www.aspsnippets.com/Articles/Convert-Export-HTML-DIV-or-Table-to-Image-using-HTML-Canvas-in-ASPNet-using-C-and-VBNet.aspx</a></p>
  
  <p><a href="https://codepedia.info/convert-html-to-image-in-jquery-div-or-table-to-jpg-png/" rel="nofollow noreferrer">https://codepedia.info/convert-html-to-image-in-jquery-div-or-table-to-jpg-png/</a></p>