Is there any way to do rotate in this library?

[Tamagouuu]

It will be good if the viewer have ability to rotate, isn't it?

[hadarhubara10]

It is also necessary for me

[guyzmo]

I implemented rotation outside of the lib by doing something like this:

given the ref to an image:

  const imageRef = useRef<HTMLImageElement>(null)

I implemented and exposed the following API (through a custom context):

    const rotateClockwise = useCallback(() => {
      if (!imageRef?.current) return
      setRotation((rotation) => {
        const newRotation = (rotation + 90) % 360
        imageRef.current!.style.transform = `rotate(${newRotation}deg)`
        return newRotation
      })
    }, [setRotation, imageRef]);
    const rotateCounterClockwise = useCallback(() => {
      if (!imageRef?.current) return
      setRotation((rotation) => {
        const newRotation = (rotation - 90) % 360
        imageRef.current!.style.transform = `rotate(${newRotation}deg)`
        return newRotation
      })
    }, [setRotation, imageRef]);

Then I implemented it on the image itself:

  return (
      <TransformWrapper>
        <ImageControls />
        <TransformComponent>
          <img ref={imageRef} id="img" src={uri} />
        </TransformComponent>
      </TransformWrapper>
   )

then the ImageControls is just a custom version of the default Controls that implements both useControls() for the lib and my own context.

TBH, if I got little time, I believe it can be easy to add to the API

HTH