title: PhantomJS renders blurry Chart.js canvas
body: <p>I'm trying to render a report via PhantomJS 2.1.1 where the HTML page contains a chart generated by Chart.js. I have full control over that page. The resulting PDF should be a printable A4. As you can see in the screenshot down below, the chart is very blurry.</p>
  
  <p>Is there any way I can make either Chart.js or PhantomJS render the chart/page at a higher DPI so that the drawn canvas appears nice and sharp?</p>
  
  <p>PhantomJS:</p>
  
  <pre><code>page.property('paperSize', {
    format: 'A4',
    orientation: 'portrait',
    border: '2cm'
  });
  </code></pre>
  
  <p>Chart.js:</p>
  
  <pre><code>var lineChart = new Chart(ctx).Line(data, {
    animation: false,
    responsive: true,
    pointDot: false,
    scaleShowLabels: true,
    showScale: true,
    showTooltips: false,
    bezierCurve : false,
    scaleShowVerticalLines: false
  });
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/fY0yg.png" rel="noreferrer"><img src="https://i.stack.imgur.com/fY0yg.png" alt="blurrychart"></a></p>