import React from 'react'; import Link from 'gatsby-link'; import logo from '../images/logo_icon.svg'; import Footer from '../components/footer'; import Carbon from '../components/carbon'; const codeStyle = { backgroundColor: '#7cb342', textShadow: '0 1px 0 rgba(23, 31, 35, 0.5)', color: '#fff', padding: '8px 16px', borderRadius: '3px', width: '100%', whiteSpace: 'pre-wrap' }; const linkStyle = { padding: '4px 8px', margin: '10px', border: '2px solid #fff', color: '#fff' }; export default ({data}) => { return (
<div id="capture" style="padding: 10px; background: #f5da55">
<h4 style="color: #000; ">Hello world!</h4>
</div>
html2canvas(document.querySelector("#capture")).then(canvas => {
document.body.appendChild(canvas)
});
npm install --save html2canvas
yarn add html2canvas