How to drag and drop an image to canvas

[tabishmirza]

Hi Muaz,

First of all, thanks for the great library. I have been trying to drag and drop images on the canvas but canvas behavior is weird. Here is what i am doing. i make the image dragable and then on "temp-canvas" drop event i execute the following code

        ev.preventDefault();

        var data = ev.dataTransfer.getData("icon-id");

        var x = ev.pageX;
        var y = ev.pageY;

        var image = document.getElementById(data);

        var points = [
            ['image', [image.src, x, y, image.width, image.height, 1],
                ['2', '#6c96c8', 'rgba(0,0,0,0)', '1', 'source-over', 'round', 'round', '15px "Arial"']
            ]
        ];

        designer.syncData({
            startIndex: designer.pointsLength,
            points: points
        });

this does not trigger my designer.addSyncListener callback. please help me with this

[tabishmirza]

@muaz-khan please help me with this

Thanks