html2canvas example

how to use html2canvas

HTML

<script src="https://github.com/niklasvh/html2canvas/releases/download/v1.0.0-alpha.3/html2canvas.js"></script>
<table>
  <tr>
    <th>test</th>
    <th>test</th>
    <th>test</th>
    <th>test</th>
    <th>test</th>
  </tr>
  <tr>
    <td>test</td>
    <td>X</td>
    <td rowspan="5">8</td>
    <td rowspan="5">10</td>
    <td rowspan="5">100</td>
  </tr>
  <tr>
    <td>X</td>
    <td>X</td>
  </tr>
  <tr>
    <td>X</td>
    <td>X</td>
  </tr>
  <tr>
    <td>X</td>
    <td>X</td>
  </tr>
  <tr>
    <td>X</td>
    <td>X</td>
  </tr>
</table>

CSS

table {
  width: 100%;
  border-collapse: collapse; 
}

table th, td {
  text-align: center;
}

table tr {
  background-color: #ccc;
}

tr th, td {
    padding: .2rem 0;
    border: 1px solid #f5d153;
}

tr th {
    font-weight: 400;
    background-color: #dd6b05;
}

JavaScript

html2canvas(document.body, {
	allowTaint: true
}).then(function (canvas) {
  document.body.appendChild(canvas);
});