Read the Coordinates in perspective

Ignition
1

i want to read the coordinates on clicking anywhere on the Screen. For that i have two labels one for X coordinate and other for Y coordinate.
once got the coordinates value i want to move the circle for the particular location as per coordinates value we received.
this requirement is in Perspective.

2

You should use the canvas component that covers the whole clickable screen.
There you can put on onmouseclick event on which contains coordinates, and its also easy to put a component in it with specific coordinates

3

Thanks for replying @victordcq, could you have some python code for that..

4

do you want them to be draggable or just onclick?


	yourViewPath =  "test" #change this to your view of th cricle thingy
	baseInstance = {
	  "position": "absolute",
	  "top": event.clientY,
	  "left": event.clientX,
	  "bottom": "auto",
	  "right": "auto",
	  "zIndex": "auto",
	  "width": "auto",
	  "height": "auto",
	  "viewPath": yourViewPath,
	  "viewParams": {},
	  "style": {
	    "classes": ""
	  }
	}
	self.props.instances = [baseInstance]

put this in the onclick

image
image1015×553 54.2 KB

5

just on clicking.

6

than the edit i just did to the post above should get you started :slight_smile:

7

thanks for the instance reply @victordcq i am new on ignition.
let me try and will let you know.

8

is this script i have to run on ROOT or Button event?
i am confused.

9

Select the canvas component, right click, then select configure events.

10

image
image592×733 55.9 KB

11

thanks @dkhayes117

12

Thanks for supporting me @victordcq ,bwlow is the modified code.
yourViewPath = "Button" #change this to your view of th cricle thingy
baseInstance = {
"position": "absolute",
"top": event.clientY,
"left": event.clientX,
"bottom": "auto",
"right": "auto",
"zIndex": "auto",
"width": "auto",
"height": "auto",
"viewPath": yourViewPath,
"viewParams": {},
"style": {
"classes": ""
}
}
self.props.instances = [baseInstance]

Canvas
Canvas1239×782 9.15 KB

i have attached screen shot my screen .

13

yourViewPath needs to be a view,

If you did not create a view named Button, this will not do anything.
image

in this new view, you can put your button or the circle thing or whatever

14

i have created new view (i.e test) after that dragged view canvas in that and added button on the view canvas.
your script added on the view canvas .
but same error .

15

The main view has the canvas with script, the test view has something you want to show at the position that is clicked in the main view...

  • mainview

    • canvas with script to viewPath = test

  • test

1 Like
16

thank you @victordcq for your Instance support.
i appreciated you work.
because of you i got the solution.

1 Like