Я создал небольшую анимацию HTML5 Canvas, используя компоненты из Konva.js. Все работает отлично, за исключением того, что размер элемента Canvas в 2 раза больше, чем я ожидал - я думаю, потому что у меня дисплей HiDPI / Retina. Конкретно элемент выглядит как
<canvas width="2048" height="1000" style="padding: 0px; margin: 0px; border: 0px; background: transparent; position: absolute; top: 0px; left: 0px; width: 1024px; height: 500px;"></canvas>
Размеры стилей - это то, что я ожидал, но значения свойств верхнего уровня width / height двойные.
Я попробовал полифилл HiDPI по адресу https://github.com/jondavidjohn/hidpi-canvas-polyfill, но хотя это делает мой элемент Canvas ожидаемого размера, кажется, что элементы Konva.js не меняют размер, и макет всех этих фигур полностью испорчен.
Итак, мне интересно, добился ли кто-нибудь хорошего поведения HiDPI с Konva.js - если да, то как, а если нет, какие-нибудь советы о том, как я могу заставить это работать? (Важно, чтобы моя анимация рендерилась одинаково на максимально возможном количестве устройств.)