Есть ли решение против произвольного изменения размеров canvas в Google Chrome?

Question

[Александр Варламов]

Добрый день!

Есть анимация на HTML5. В Сhrome на Windows XP SP3 размеры самопроизвольно увеличиваются , в остальных браузерах все в порядке. В Windows 10 Chrome ведет себя корректно. Если просматривать баннер на локальной машине, размеры совпадают с указанными, но при загрузке на хостинг размер меняется с 990 до 1086 пикс по ширине, и с 250 до 275 по высоте. Можно было бы не обращать внимания на XP, но заказчик, у которого именно эта ОС (и принимает работу он в Chrome), не желает вникать в суть вопроса. Разработчик анимации сторонний, мне всего лишь надо повесить баннер на сайт.

Comments

[VladimirMelnik]

Что если задать ширину CSS?

[Александр Варламов]

VladimirMelnik, была такая попытка. Не слушается. Еще был момент, в девелопере хрома отображались реальные размеры canvas, но на каком этапе попыток укротить строптивого это исчезло не отметил. Сейчас в девелопере указанные 990, но реальный размер все равно 1086. Думал про размеры экрана, от которых он может считать неверные, но гипотеза провалилась.

[VladimirMelnik]

var canvas = document.getElementById('canvas'),

    window.addEventListener('resize', resizeCanvas, false);

    function resizeCanvas() {
            canvas.width = window.innerWidth;
            canvas.height = window.innerHeight;

            /**
             * Функция отображения должна быть внутри, чтобы после изменения размера экрана не был пустой canvas
             */
            drawStuff(); 
    }
    resizeCanvas();

Как насчет этого?

[Александр Варламов]

VladimirMelnik, спасибо! К своей глупости, дело действительно было в 110%.

Answer 1

[GreatRash]

Может у заказчика в Хроме банально зум включен? Пусть он попробует нажать Ctrl+0.

Comments

[Александр Варламов]

Конечно, я скрины делал со своего экрана и не допустил такой возможности. Но решил проверить, и это действительно решение) Спасибо!