Export html to pdf with d3 charts and photos

Question

I want to export HTML to PDF with JavaScript, and I tried jsPdf with html2canvas, but not all the charts can show up and photos can't appear.I know html2canvas uses canvas to simulate dom content, so it can't perfectly simulate all the content.Is any other method? Thanks! The following is the pdf result:

expected result

Answer 1

Apache has a library called Apache batik .It convert SVG image to raster format pdf/png/word etc. Its difficult to convert svg element directly from the UI into raster format. Batik is a best approach to implement. It has been implemented is in java .