在Chrome中拖放重影图像

Question

在Firefox中，鼠标指针的尖端出现在鬼影的正中间。

在Chrome和其他基于Chromium的浏览器中，光标的尖端出现在两个方向上大约虚影图像的三分之一处。

我怀疑这与在Win7系统上使用125％DPI缩放有关，但是我不确定。有什么想法吗？

let dragImage = document.getElementById("drag-image");
let draggable = document.getElementById("draggable");

draggable.addEventListener("dragstart", function(e) {
  e.dataTransfer.effectAllowed = "move";
  e.dataTransfer.setData("text/plain", null);
  e.dataTransfer.setDragImage(dragImage, 50, 50);
});

#drag-image {
  width: 100px;
  height: 100px;
  background: black;
}
#draggable {
  width: 100px;
  height: 100px;
  background: blue;
}

<div id="drag-image"></div>
<div id="draggable" draggable="true"></div>