ドラッグアンドドロップ開始時にカスタム画像を設定しました:
var dt = e.dataTransfer;
///...
dt.setDragImage(img, -20, -20);
ただし、Retina の画質は良くありません。通常、Retina の画像品質の回避策は、画像を 2 倍大きくしてから、背景 (CSS を使用) を 100%に「引き延ばす」か、実際に描画される内容よりもキャンバス サイズを 2 倍小さく設定することです。
しかし、画像のサイズはそのままドラッグすると表示されるため、ドラッグアンドドロップ画像では機能しません。そのため、ピクセルレートでは何もできません。
誰でもそれを助けることができますか?少なくとも、現在のブラウザ技術レベルでは解決できないことを確実に確認してください。
ありがとうございました!
PSこのドラッグアンドドロップアプローチには関連するトピックもあります: https://stackoverflow.com/questions/14834181/dynamic-image-created-from-canvas-by-todataurl-on-dragstart-event-does-ない