# Draw rectangle to highlight and annotate a picture

**URL:** <https://forum.inductiveautomation.com/t/draw-rectangle-to-highlight-and-annotate-a-picture/101217>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [January 22, 2025, 9:54am UTC](https://forum.inductiveautomation.com/t/draw-rectangle-to-highlight-and-annotate-a-picture/101217 "2025-01-22T09:54:23Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Ajay\_Gupta](https://avatars.discourse-cdn.com/v4/letter/a/f05b48/32.png) [@Ajay\_Gupta](https://forum.inductiveautomation.com/u/Ajay_Gupta)\
**Post date:** [January 22, 2025, 9:54am UTC](https://forum.inductiveautomation.com/t/draw-rectangle-to-highlight-and-annotate-a-picture/101217/1 "2025-01-22T09:54:23Z")

</div>

Hello,

I am trying to achieve the following and need some help on how I can do it in Ignition Perspective.

- From a perspective screen user should be able to open a camera, take a picture then highlight a certain section of the picture by drawing a rectangle.

- User should be able to change the border color of the rectangle.

- User should be able to annotate the picture - write some text about the highlighted section of the picture.

- User should be able to upload/save this annotated picture.

I'll greatly appreciate any input in this regard.  
I can live without the annotation part, but rectangle part must be done.

Thanks & regards,  
Ajay Kumar Gupta

---

<div class="post-metadata">

**Author:** ![jpark](https://avatars.discourse-cdn.com/v4/letter/j/a88e57/32.png) [@jpark](https://forum.inductiveautomation.com/u/jpark)\
**Post date:** [January 23, 2025, 12:04am UTC](https://forum.inductiveautomation.com/t/draw-rectangle-to-highlight-and-annotate-a-picture/101217/2 "2025-01-23T00:04:28Z")

</div>

You can check out this demo. This one uses PDFs, but can be easily modified to upload images.

[https://demo.artekis.io/data/perspective/client/ArtekDemo/exchange/pdf-annotator](https://demo.artekis.io/data/perspective/client/ArtekDemo/exchange/pdf-annotator)  
It is available on the Exchange.

---

<div class="post-metadata">

**Author:** ![Ajay\_Gupta](https://avatars.discourse-cdn.com/v4/letter/a/f05b48/32.png) [@Ajay\_Gupta](https://forum.inductiveautomation.com/u/Ajay_Gupta)\
**Post date:** [January 23, 2025, 11:04am UTC](https://forum.inductiveautomation.com/t/draw-rectangle-to-highlight-and-annotate-a-picture/101217/3 "2025-01-23T11:04:27Z")

</div>

Thank you very much for pointing me to the exchange project.!!  
I'll have look into it.