Skip to content

Latest commit

 

History

History
16 lines (13 loc) · 1.2 KB

README.md

File metadata and controls

16 lines (13 loc) · 1.2 KB
Raw

Created this simple example of an issue that I'm encountering in a larger application. Not sure sure if the issue is related to the absolutePosition method in Konva or a logic error on my part -- looking for suggestions how to achieve the objective. This project was bootstrapped with Create React App.

Konva issue

  • Objective: Move a group of objects together by dispatching Redux actions and using position information from the Redux store for rendering
  • Current Approach:
    • Get the absolute position of one of the objects at drag start and the new absolute position of the same object at drag end
    • Calculate the position change (delta)
    • Dispatch the calculated delta to Redux and adjust all of the positions of the objects by the delta in the reducer
  • Issue:
    • The objects on canvas jump and do not match the amount dragged after the Redux update.
    • For debugging, the object positions are printed to the Console and Redux Dev tools can be used to examine state.

To Run

  • Run yarn install in the repository local folder and then run yarn start -- should launch to localhost:3000
  • Debugging information in the console and Redux Dev Tools