通过单击按钮将HTML div内容导出为pdf

时间:2017-03-07 06:46:27

标签: javascript jquery html css pdf

我想将所选div导出为PDF。该div包含文本,图像和一些图表。

<div id="newdiv">
    <img src="http://imgsv.imaging.nikon.com/lineup/lens/zoom/normalzoom/af-s_dx_18-140mmf_35-56g_ed_vr/img/sample/sample1_l.jpg" height="200px" width="200px">
    <p>A Paragraph A Paragraph A Paragraph A Paragraph</p>
</div>
<button type="button">click</button>

包含所有CSS属性

1 个答案:

答案 0 :(得分:0)

您需要一个插件,例如:

我将引用这个很棒的JSFiddle来向您展示如何做到这一点。下面是我从这个小提琴中引用的代码。

$('.btnsave').click(function() 
  {
      btnvalue = $(this).val();
      //alert(btnvalue);
      adjust_value = $('#adjust_value'+btnvalue).val();
      ado = $('#ado'+btnvalue).val();
      amount =  $('#amount'+btnvalue).val();
      description = $('#description'+btnvalue).val();
      //alert(adjust_value+ado+amount+description);
      
  })