scratchfoundation/scratch-paint
1
0
Fork 0
mirror of https://github.com/scratchfoundation/scratch-paint.git synced 2024-12-22 21:42:30 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

Set the width and height on the canvas used to convert imageData to data URL

Browse source
This commit is contained in:
DD Liu 2020-05-24 22:35:59 -04:00
parent 87e01639c0
commit 5a35dd8614
1 changed files with 5 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/playground/playground.jsx
View file

@ -43,6 +43,7 @@ class Playground extends React.Component {
image: svgString, // svg string or data URI
rtl: rtl
};
this.reusableCanvas = document.createElement('canvas');
}
handleUpdateName (name) {
this.setState({name});
@ -55,11 +56,12 @@ class Playground extends React.Component {
} else { // is Bitmap
// image parameter has type ImageData
// paint editor takes dataURI as input
const canvas = document.createElement('canvas');
const context = canvas.getContext('2d');
this.reusableCanvas.width = image.width;
this.reusableCanvas.height = image.height;
const context = this.reusableCanvas.getContext('2d');
context.putImageData(image, 0, 0);
this.setState({
image: canvas.toDataURL('image/png'),
image: this.reusableCanvas.toDataURL('image/png'),
rotationCenterX: rotationCenterX,
rotationCenterY: rotationCenterY
});