JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://raw.githubusercontent.com/niklasvh/html2canvas/master/dist/html2canvas.min.js"></script>
<body>
  <div id="button">
    Raised
  </div>
</body>

CSS

#button {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  display: inline-block;
  padding: 5px 10px;
  border-radius: 3px;
  font-family: Arial, sans-serif;
  text-transform: uppercase;
  font-size: 11pt;
  background-color: #ffffff;
}

JavaScript

html2canvas(document.getElementById("button")).then(function(canvas) {
    document.body.appendChild(canvas);
});