github-mirrors/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich.git synced 2026-05-18 03:10:24 +03:00
Code Issues Packages Projects Releases Wiki Activity

fix(web): avoid transparent pixels from rounded-full during profile picture capture (#25950)

Browse Source 
The cropContainer has rounded-full class which creates transparent
corners when captured by domtoimage.toBlob(). Override border-radius
and border to 0/none during capture to produce a clean square image.

Co-authored-by: Aditya Gaurav <aditya-ai-architect@users.noreply.github.com>
This commit is contained in:
Aditya Gaurav
2026-02-06 08:51:27 +05:30
committed by GitHub
parent 491ed3d927
commit 999ce34251
1 changed files with 5 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/src/lib/modals/ProfileImageCropperModal.svelte
+5
View File
@@ -61,9 +61,14 @@
const containerSize = cropContainer.offsetWidth; const containerSize = cropContainer.offsetWidth;
// Capture the crop container which maintains 1:1 aspect ratio // Capture the crop container which maintains 1:1 aspect ratio
// Override border-radius and border to avoid transparent corners from rounded-full
const blob = await domtoimage.toBlob(cropContainer, { const blob = await domtoimage.toBlob(cropContainer, {
width: containerSize, width: containerSize,
height: containerSize, height: containerSize,
style: {
borderRadius: '0',
border: 'none',
},
}); });
if (await hasTransparentPixels(blob)) { if (await hasTransparentPixels(blob)) {