js、react html 2 canvasページを使用してスクリーンショットしてエクスポート
2525 ワード
import React, { Component } from 'react';
import { render } from 'react-dom';
import html2canvas from 'html2canvas';
import Hello from './Hello';
import './style.css';
class App extends Component {
constructor() {
super();
this.state = {
name: 'React'
};
}
componentDidMount() {
html2canvas(document.body, {
allowTaint: false,
useCORS: true,
}).then(function (canvas) {
// toImage
const dataImg = new Image()
dataImg.src = canvas.toDataURL('image/png')
const alink = document.createElement("a");
alink.href = dataImg.src;
alink.download = "testImg.jpg";
alink.click();
});
}
render() {
return (
);
}
}
render(, document.getElementById('root'));