# Image Coordinate Detecter for Processing
**URL:** https://discourse.processing.org/t/image-coordinate-detecter-for-processing/24586
**Category:** Project Guidance
**Created:** [October 14, 2020, 4:36am UTC](https://discourse.processing.org/t/image-coordinate-detecter-for-processing/24586 "2020-10-14T04:36:05Z")
**Posts on this page:** 2
**Page:** 1
### Author:  [@charmypatel](https://discourse.processing.org/u/charmypatel)
#### Post date: [October 14, 2020, 4:36am UTC](https://discourse.processing.org/t/image-coordinate-detecter-for-processing/24586/1 "2020-10-14T04:36:05Z")
There are tools on the web where you can submit a picture and the website will detect ‘points’ and outline your image so you can use them for the canvas HTML tag to draw animation. Is there any type of tool like this for Processing?
Heres an example: If I submit an image of an apple maybe I will get a line that starts at 100,200 and then the next line is 200,300 or something like that.
Example to website mentioned: [https://www.mobilefish.com/services/record\_mouse\_coordinates/record\_mouse\_coordinates.php](https://www.mobilefish.com/services/record_mouse_coordinates/record_mouse_coordinates.php)
---
### Author:  [@noel](https://discourse.processing.org/u/noel)
#### Post date: [October 14, 2020, 6:50am UTC](https://discourse.processing.org/t/image-coordinate-detecter-for-processing/24586/2 "2020-10-14T06:50:58Z")
As I understand the website mentioned, this is really easy. Just record mouseX, mouseY in mousePressed(), using an array. (I would use a PVector ArrayList).
You can also automate the process using the openCV object detection. You could change the code of [this](https://discourse.processing.org/t/opencv-update-heaviside-step-function-deriving-parametric-functions-of-shapes-sobel-filter/21931/17) example.