highlight rectangles in an image

Hi,

We are currently using the following method to highlight a rectangle in an image:

1) crop the rectangle from a copy of the image

2) paste it with a border on the original image.

Here is an example:
https://res.cloudinary.com/testim/image/upload/e_colorize:50,co_black/l_MXWt36H4pE,c_crop,x_1164,y_418,w_104,h_104/fl_layer_apply,c_crop,x_1161,y_415,w_104,h_104,bo_3px_solid_magenta,g_north_west/MXWt36H4pE.jpg

We would like to highlight multiple rectangles in an image, following the above logic doesn't seems like the correct way to go (for each rectangle we will need to crop another copy of the image),
Is there a better way to achieve this goal?

Thanks!

Maor Gariv

May 01, 2017 08:42

Hi Oren,

You can outline all shapes in the image by using the outline effect (e_outline in URLs).

For example, this is the original image, with the outline effect, highlighting the shape in pink (I also turned the background color Brown) -

https://res.cloudinary.com/testim/image/upload/e_make_transparent/b_brown/e_outline:10:50,co_pink/MXWt36H4pE.jpg

For more information and examples,

http://cloudinary.com/documentation/image_transformations#outline_effects

Comments