CODEWITHSUNDEEP
javascripthtml5-canvaskineticjs
puk
puk

Reputation: 16782

how to use Kinetic AbsolutePosition property

I want to understand how I would draw a line between two shapes that are nested in other groups/layers. Here is a jsfiddle example which illustrates what I mean. As you can tell, when the coordinates in use are in the same layer, it is trivial to draw line. When the coordinates are nested inside other groups/layers, then the outcome is not as expected. Try moving the right box around to see the less than desirable results.

Could someone please show me how I translate coordinates from one layer into that of another.

Upvotes: 2

Views: 507

Answers (1)

michael.orchard
michael.orchard

Reputation: 486

You had some Xs where Ys should be, here's a fixed fiddle: http://jsfiddle.net/6UhNp/8/.

This works as far as you have specified, so you were using it right, but it does not work when you zoom in and out.

I have seen that zoom function you're using floating around recently, and I don't feel it's a correct solution. I haven't sat down to work it out yet, though.

Upvotes: 1

Related Questions