Adding anchorOffset as a configuration for the drag preview

Author: cremedios

src/HTML5Backend.js

@@ -285,15 +285,20 @@ export default class HTML5Backend {
         const sourceId = this.monitor.getSourceId();
         const sourceNode = this.sourceNodes[sourceId];
         const dragPreview = this.sourcePreviewNodes[sourceId] || sourceNode;
-        const { anchorX, anchorY } = this.getCurrentSourcePreviewNodeOptions();
+        const { anchorX, anchorY, anchorOffsetX, anchorOffsetY } = this.getCurrentSourcePreviewNodeOptions();
         const anchorPoint = { anchorX, anchorY };
         const dragPreviewOffset = getDragPreviewOffset(
           sourceNode,
           dragPreview,
           clientOffset,
           anchorPoint
         );
-        dataTransfer.setDragImage(dragPreview, dragPreviewOffset.x, dragPreviewOffset.y);
+
+        // We needed to control the offset for the preview since we resize the clip
+        dataTransfer.setDragImage(dragPreview,
+          anchorOffsetX === undefined ? dragPreviewOffset.x : anchorOffsetX,
+          anchorOffsetY === undefined ? dragPreviewOffset.y : anchorOffsetY);
+        //this is the inlye
       }
 
       try {