Cloned2Preserve
/
qrbtf
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

image cropping

This commit is contained in:
CPunisher 2020-06-25 17:13:14 +08:00
parent 75655fa93e
commit 74a3fb907d
1 changed files with 9 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/utils/imageUtils.js
View File

@ -8,20 +8,22 @@ export function isPicture(file) {
return fileTypes.includes(file.type); return fileTypes.includes(file.type);
} }
export function toBase64(file, width, height) { export function toBase64(file) {
let canvas = document.createElement('canvas'); let canvas = document.createElement('canvas');
let ctx = canvas.getContext('2d'); let ctx = canvas.getContext('2d');
let img = document.createElement('img'); let img = document.createElement('img');
canvas.setAttribute('width', width);
canvas.setAttribute('height', height);
img.setAttribute('src', URL.createObjectURL(file)); img.setAttribute('src', URL.createObjectURL(file));
return new Promise(resolve => { return new Promise(resolve => {
img.onload = () => { img.onload = () => {
ctx.fillStyle = 'white' let size = Math.min(img.width, img.height);
ctx.fillRect(0, 0, width, height)
ctx.drawImage(img, 0, 0, width, height); canvas.setAttribute('width', size);
canvas.setAttribute('height', size);
ctx.fillStyle = 'white';
ctx.fillRect(0, 0, size, size);
ctx.drawImage(img, (img.width - size) / 2, (img.height - size) / 2, size, size, 0, 0, size, size);
resolve(canvas.toDataURL(file.type, 0.9)); resolve(canvas.toDataURL(file.type, 0.9));
}; };