Rotation of multiple stickers

I’ve been trying to figure out how to use konva to put sitckers on an image and have them stick properly through rotation, scale, and moving. I’ve got the last two done but rotation is throwing me in circles 😉

I clcik my rotation button then it rotates the main image and the sticker…am I missing several things?

So far I’m doing this:

  rotate = () => {
    if (this.mounted) {
      this.setState(
        {
          rotation: this.state.rotation + 90,
          konvaImageList: this.state.konvaImageList.map(konvaImage => {
            return {
              ...konvaImage,
              rotation: konvaImage.rotation + 90,
              x: konvaImage.x,
              y: konvaImage.y
            };
          })
        },
        () => console.log(this.state.konvaImageList, "konvaImageList")
      );
    }
  };

Thanks

[lavrton]

I think the simplest way is to move all of them into the group, and then just rotate the group.

[developdeez]

It’s rotating in it’s own square I’d say. Just courious how to associate it with the base pic