Print.js and Canvas

by Rodrigo

HTML

<div id="myElement">
  <h1>
    Print.js Canvas Test
  </h1>
  <div id="canvasWrapper">
   <!-- Canvas element here -->
  </div>
  <button id="printButton">
    Print
  </button>
</div>

CSS

#myElement {
  margin: 20px;
}

JavaScript

var print = document.createElement('button')
var canvas = document.createElement('canvas')
var ctx = canvas.getContext('2d')

canvas.width = 300;
canvas.height = 100;

ctx.fillStyle = '#000'
ctx.font = '15px sans-serif'
ctx.fillText('Canvas content...', 10, 20)

document.getElementById('myElement').appendChild(canvas)

document.getElementById('printButton').addEventListener('click', function () {
    printJS('myElement', 'html')
});

// Print.js 1.0.60
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.printJS=t():e.printJS=t()}(window,function(){return function(n){var r={};function o(e){if(r[e])return r[e].exports;var t=r[e]={i:e,l:!1,exports:{}};return n[e].call(t.exports,t,t.exports,o),t.l=!0,t.exports}return o.m=n,o.c=r,o.d=function(e,t,n){o.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},o.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.t=function(t,e){if(1&e&&(t=o(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var n=Object.create(null);if(o.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var r in t)o.d(n,r,function(e){return t[e]}.bind(null,r));return n},o.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(t,"a",t),t},o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.p="",o(o.s=4)}([function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r,o=n(2),i=(r=o)&&r.__esModule?r:{default:r},a=n(1);var l={send:function(r,e){document.getElementsByTagName("body")[0].appendChild(e);var o=document.getElementById(r.frameId);o.onload=function(){if("pdf"!==r.type){var...