Chrome Version       : Version 54.0.2840.99 m
URLs (if applicable) :
Other browsers tested:
  Add OK or FAIL, along with the version, after other browsers where you
have tested this issue:
     Safari:
    Firefox:
         IE:

What steps will reproduce the problem?
(1) Open the attached setdragimage.html in the Chrome browser.
(2) Drag the blue square.  A yellow circle appears as the drag image.  With browser zoom level at 100% (no zoom), the mouse cursor is at the center of the drag image.
(3) Change the browser zoom level to say 200%.  Drag the blue square again, and the mouse cursor is no longer at the center of the drag image.

What is the expected result?
The mouse cursor should be at the center of the drag image regardless of the zoom level.

What happens instead?
The mouse cursor is not at the center of the drag image at zoom level other than 100%.

Please provide any additional information below. Attach a screenshot if
possible.

According to W3C spec on HTML5 drag and drop, the "drag data store hot spot coordinate" (i.e. the x and y offset parameters for setDragImage) should be in CSS pixels.  It appears that Chrome is treating them as screen pixels, which causes the problem since everything else related to the image element as well as other elements on the page are in CSS pixels.
 

Deleted: setdragimage.html 543 bytes

setdragimage.html 543 bytes View Download