Canvas & Retina: Сдвиг позиции изображения на ретине, при получении getImageData() из одного канваса и отрисовки части изобраджения в другом?

Question

[thehighhomie]

Пишу пипетку.

При движении мыши на канвасе, я беру координаты курсора и получаю изображение и вставляю его в другой канвас, который меньше намного (превью да цвета)

//canvas.lowerCanvasEl - это htmk element canvas, его размеры 1920x1080
previewCanvas.ctx.drawImage(canvas.lowerCanvasEl, x - 7, y - 7, 128, 128, 0, 0, 128, 128) // у previewCanvas размеры 128x128

так вот, на windows или других экранах все ок работает, но на ретине в mac os previewCanvas не правильно отображает изображение, у него большой сдвиг.

как можно это решить?

Answer 1

[RAX7]

Скорее всего не учел где-то window.devicePixelRatio

Comments

[thehighhomie]

спасибо, сейчас по примеру попробую. я уже и с dpr тоже крутил, не получилось