Clicking on img pixel to return the x and y of the clicked img pixel

[danieldimit]

Nice work! Really useful widget.
It would be useful if the feature could somehow return the position of the clicked pixel as a relative value (values between 0 and 1. Coordinate (0,0) being top left, (1,1) being bottom right corner).

[danieldimit]

Ok I found the following workaround:

import $ from 'jquery';

class ImageAndControllerContainer extends Component {
    
    componentDidMount() {
        $('#image-plane').on('dblclick',(e)=> {
                 if (e.target.id === 'canvas') {
                     // DO STUFF HERE
                 }
            }
        });
    }

    render() {
        return (
                <div id="image-plane">
                    <TransformWrapper dbClickEnabled={false} defaultScale={1} defaultPositionX={0} defaultPositionY={0} limitToBounds={false}>
                           .....
                           <img id='canvas' />
                    </TransformWrapper>
                </div>
        );
    }
}

export default ImageAndControllerContainer;