From a33ec8b11ced36e9f858a1de2f30a87ca0e2afba Mon Sep 17 00:00:00 2001 From: Menci Date: Wed, 8 Oct 2025 04:20:49 +0800 Subject: [PATCH] feat: crop pfp to at most 1024px (#183) --- AquaNet/src/pages/User/Settings.svelte | 9 +++++---- 1 file changed, 5 insertions(+), 4 deletions(-) diff --git a/AquaNet/src/pages/User/Settings.svelte b/AquaNet/src/pages/User/Settings.svelte index aae86ec0..31fda27a 100644 --- a/AquaNet/src/pages/User/Settings.svelte +++ b/AquaNet/src/pages/User/Settings.svelte @@ -80,11 +80,12 @@ // Don't know why this isn't just a part of the cropper module. Have to do this myself.. What a shame let canvas = document.createElement("canvas"); let ctx = canvas.getContext("2d"); - canvas.width = 256; - canvas.height = 256; + const size = Math.round(Math.min(pfpCrop.width, pfpCrop.height, 1024)); + canvas.width = size; + canvas.height = size; let img = document.createElement("img"); img.onload = () => { - ctx?.drawImage(img, pfpCrop.x, pfpCrop.y, pfpCrop.width, pfpCrop.height, 0, 0, 256, 256); + ctx?.drawImage(img, pfpCrop.x, pfpCrop.y, pfpCrop.width, pfpCrop.height, 0, 0, size, size); canvas.toBlob(blob => { if (!blob) return; submitting = 'profilePicture' @@ -282,7 +283,7 @@ object-fit: cover aspect-ratio: 1 - + .cropper-container position: relative