Update App.js
This commit is contained in:
+12
@@ -246,6 +246,17 @@ export default function App() {
|
|||||||
}
|
}
|
||||||
|
|
||||||
function onExportButtonClick(e) {
|
function onExportButtonClick(e) {
|
||||||
|
|
||||||
|
let tempCanvas = document.createElement("canvas")
|
||||||
|
tempCanvas.width = 5000
|
||||||
|
tempCanvas.height = 3000
|
||||||
|
let tempContext = tempCanvas.getContext("2d")
|
||||||
|
tempContext.fillStyle = "rgb(255, 255, 255)"
|
||||||
|
tempContext.fillRect(0, 0, 5000, 3000)
|
||||||
|
tempContext.drawImage(canvas, 0, 0, 5000, 3000, 0, 0, 5000, 3000)
|
||||||
|
|
||||||
|
context.drawImage(tempCanvas, 0, 0, 5000, 3000, 0, 0, 5000, 3000)
|
||||||
|
|
||||||
let img = canvas.toDataURL("image/png")
|
let img = canvas.toDataURL("image/png")
|
||||||
let image = new Image()
|
let image = new Image()
|
||||||
image.src = "data:image/png;base64," + img
|
image.src = "data:image/png;base64," + img
|
||||||
@@ -621,6 +632,7 @@ export default function App() {
|
|||||||
reader.onload = e => {
|
reader.onload = e => {
|
||||||
let image = new Image()
|
let image = new Image()
|
||||||
image.onload = () => {
|
image.onload = () => {
|
||||||
|
context.clearRect(0, 0, 5000, 3000)
|
||||||
context.drawImage(image, 0, 0)
|
context.drawImage(image, 0, 0)
|
||||||
}
|
}
|
||||||
image.src = e.target.result
|
image.src = e.target.result
|
||||||
|
|||||||
Reference in New Issue
Block a user