title: Print canvas contents
body: <pre><code>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('Fill Text, 18px, sans-serif', 10, 20);
  
  print.innerHTML = 'Print';
  
  document.body.appendChild(print);
  document.body.appendChild(canvas);
  
  print.addEventListener('click', function () {
      window.print();
  });
  </code></pre>
  
  <p><a href="http://jsfiddle.net/vpetrychuk/LWup5/" rel="nofollow">http://jsfiddle.net/vpetrychuk/LWup5/</a>.</p>
  
  <p>As you can see text in the canvas displays ok, but after clicking "Print" button (and saving page as PDF) output image becomes ugly.</p>
  
  <p>Any chance to print the canvas contents without blur?</p>