How to set initial position for a warpable component

[akjoshi6]

I want to create polygon like moveable under specific div given that I have 4 x-y coordinates where the moveable needs to be placed. And also need new position (if changed by user) w.r.t. that specific div. Please guide.

[probil]

You can convert your values to css matrix and sync it with moveable on component mount

Also check this comment The idea is to have state of moveable managed explicitly. I mean, each time moveable position changes state should be updated. And vise-versa