fix(web): avoid transparent pixels from rounded-full during profile picture capture (#25950)
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>pull/25956/head
parent
491ed3d927
commit
999ce34251
|
|
@ -61,9 +61,14 @@
|
|||
const containerSize = cropContainer.offsetWidth;
|
||||
|
||||
// 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, {
|
||||
width: containerSize,
|
||||
height: containerSize,
|
||||
style: {
|
||||
borderRadius: '0',
|
||||
border: 'none',
|
||||
},
|
||||
});
|
||||
|
||||
if (await hasTransparentPixels(blob)) {
|
||||
|
|
|
|||
Loading…
Reference in New Issue