New to Kendo UI for jQuery? Start a free 30-day trial

ImgDPI

fields

The forced resolution (in dpi) of the images in the exported PDF document. By default, the images are exported at their full resolution.

imgDPI

Number

<button class='export-doc k-button'>Export PDF with Custom Image DPI</button>
<div class="content">
  <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk+M9QDwADhgGAWjR9awAAAABJRU5ErkJggg==" alt="Sample"/>
  <p>Image exported at 150 DPI</p>
</div>
<script>
  $(".export-doc").click(function() {
    kendo.drawing.drawDOM($(".content"))
      .then(function(group) {
        return kendo.drawing.exportPDF(group, {
          imgDPI: 150,
          paperSize: "A4"
        });
      })
      .done(function(data) {
        kendo.saveAs({
          dataURI: data,
          fileName: "HighDPI.pdf"
        });
      });
  });
</script>