JSFiddle - React, Tailwind, and code Playground

JavaScript

$(function(){
    img.onload = function(){
        var img_width = this.width, img_height = this.height;
        var img_scale = img_width / 200;
        var new_height = img_height / img_scale;
        var ft, r_img = paper.image('img/'+path, 0, 0, 200, new_height), dragged = false;

        r_img.click(function(){
            // Toggle handles on click if no drag occurred
            if(!dragged){
                if( ft.handles.center === null){
                    ft.showHandles();
                    console.log('front');
                    r_img.toFront();
                    //r_img.remove();
                }else{
                    ft.hideHandles();
                }
            }
        });
        ft = paper.freeTransform(r_img, {draw:[ 'bbox' ], keepRatio: true, size: 3 }, function(ft, events){
            if(events.indexOf('drag start') !== -1){
                dragged = false;
            }
            if(events.indexOf('drag') !== -1){
                dragged = true;
            }
        });
    };
    img.src = 'img/'+path;   
});