SQuiz/frontPanel
3
0
Fork 0
Code Issues 18 Pull Requests 2 Actions Packages Projects Releases Wiki Activity

нарезка фавиконок-18штук

Browse Source
This commit is contained in:
Tamara 2023-07-13 02:32:35 +03:00
parent c6658411e1
commit 679b56d59d
1 changed files with 181 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

202
src/pages/startPage/dropfavicon.tsx
View File

@ -14,30 +14,176 @@ interface Props {
export default ({text, sx, heightImg, widthImg}: Props) => { export default ({text, sx, heightImg, widthImg}: Props) => {
const theme = useTheme(); const theme = useTheme();
// const callback = (newFileUri:any) => setData(URL.createObjectURL(newFileUri)); // const callback = (newFileUri:any) => setData(URL.createObjectURL(newFileUri));
const imageFavicon = [
{
maxWidth: 16,
maxHeight: 16,
compressFormat: "PNG",
quality: 100,
rotation: 0
},
{
maxWidth: 32,
maxHeight: 32,
compressFormat: "PNG",
quality: 100,
rotation: 0
},
{
maxWidth: 48,
maxHeight: 48,
compressFormat: "PNG",
quality: 100,
rotation: 0
},
{
maxWidth: 76,
maxHeight: 76,
compressFormat: "PNG",
quality: 100,
rotation: 0
},
{
maxWidth: 96,
maxHeight: 96,
compressFormat: "PNG",
quality: 100,
rotation: 0
},
{
maxWidth: 120,
maxHeight: 120,
compressFormat: "PNG",
quality: 100,
rotation: 0
},
{
maxWidth: 128,
maxHeight: 128,
compressFormat: "PNG",
quality: 100,
rotation: 0
},
{
maxWidth: 144,
maxHeight: 144,
compressFormat: "PNG",
quality: 100,
rotation: 0
},
{
maxWidth: 152,
maxHeight: 152,
compressFormat: "PNG",
quality: 100,
rotation: 0
},
{
maxWidth: 167,
maxHeight: 167,
compressFormat: "PNG",
quality: 100,
rotation: 0
},
{
maxWidth: 180,
maxHeight: 180,
compressFormat: "PNG",
quality: 100,
rotation: 0
},
{
maxWidth: 192,
maxHeight: 192,
compressFormat: "PNG",
quality: 100,
rotation: 0
},
{
maxWidth: 196,
maxHeight: 196,
compressFormat: "PNG",
quality: 100,
rotation: 0
},
{
maxWidth: 228,
maxHeight: 288,
compressFormat: "PNG",
quality: 100,
rotation: 0
},
{
maxWidth: 256,
maxHeight: 256,
compressFormat: "PNG",
quality: 100,
rotation: 0
},
{
maxWidth: 300,
maxHeight: 300,
compressFormat: "PNG",
quality: 100,
rotation: 0
},
{
maxWidth: 384,
maxHeight: 384,
compressFormat: "PNG",
quality: 100,
rotation: 0
},
{
maxWidth: 512,
maxHeight: 512,
compressFormat: "PNG",
quality: 100,
rotation: 0
}
]
const callback = (uri:any) => { const callback = (uri:any) => {
var link = document.createElement('a'); var link = document.createElement('a');
link.href = uri; link.href = uri;
link.download = 'Download.jpg'; // link.download = 'Download.jpg';
document.body.appendChild(link); // document.body.appendChild(link);
link.click(); // link.click();
document.body.removeChild(link); // document.body.removeChild(link);
console.log(link)
}; };
const resizeImage = (imageFile:any) => {
console.log(imageFile[0]) // imageFavicon.forEach((obj) => {
try { // try {
Resizer.imageFileResizer( // Resizer.imageFileResizer(
imageFile[0], // imageFile[0],
150, // obj.maxWidth,
150, // obj.maxHeight,
"JPEG", // obj.compressFormat,
100, // obj.quality,
0, // obj.rotation,
callback, // callback,
); // );
} catch (err) { // } catch (err) {
console.log(err); // console.log(err);
} // }
} // })
// const resizeImage = (imageFile:any) => {
// console.log(imageFile[0])
// try {
// Resizer.imageFileResizer(
// imageFile[0],
// 150,
// 150,
// "PNG",
// 100,
// 0,
// callback,
// );
// } catch (err) {
// console.log(err);
// }
// }
const imgHC = (imgInp:any) => { const imgHC = (imgInp:any) => {
@ -45,7 +191,21 @@ export default ({text, sx, heightImg, widthImg}: Props) => {
if (file.size < 5242880) { if (file.size < 5242880) {
setData(URL.createObjectURL(file)) setData(URL.createObjectURL(file))
} else {enqueueSnackbar('Размер картинки слишком велик')} } else {enqueueSnackbar('Размер картинки слишком велик')}
resizeImage(imgInp.files) imageFavicon.forEach(obj => {
try {
Resizer.imageFileResizer(
[file][0],
obj.maxWidth,
obj.maxHeight,
obj.compressFormat,
obj.quality,
obj.rotation,
callback,
);
} catch (err) {
console.log(err);
}
})
} }