How do you Mask an Image.. Circular profile pic?

[Gaurav]

How to do Masking Image? I want profile pic in circular shape.

[Taifun]

Check the extensions directory

App Inventor Extensions | Pura Vida Apps

Taifun

[TIMAI2]

This is one way

The Porter-Duff Experiment

The Porter-Duff Experiment is NOT about a fictional progressive jazz/rock/fusion supergroup from the 1970's ( ), but relates to the compositing of digital images. You can read all about it HERE and some real world examples HERE This extension provides all the various transformations available with PorterDuff.Mode. For ALL of the transformations to work, your source and destination image files MUST have a transparent background (or at least a part of the image should be transparent). Plea…

and specifically here:

The Porter-Duff Experiment

[image] I took pity, and have created an aia project that demonstrated the workflow required to use the PorterDuff extension to make a circular image from any image of any aspect ratio. I also use my ImageConvertor extension. It will make the circle from the centre of all images. I have set the output image size (and mask) to 256x256 pixels, and these must be png images to maintain the transparency. You should be able to supply the blocks with any image, but you will need to convert contenturis…

also

Image Cropper Demo (with extensions)

Image Cropper makes use of ImageConvertor and PorterDuff extensions provides for cropping an image with three hold and drag options: a circle, a rectangle, a freeform shape, or a point and click option: freeform line shape output can be the original size of image (with all the transparent space) - Crop, or to crop to the size of the cropped area - DCrop outputs a cropmask.png and a croppedimage.png to the ASD, these are overwritten with successive crops in operation the image to be cropped is s…