Контекст: у меня на экране есть элемент Canvas для простой игры, и я хочу, чтобы он масштабировался с экраном. Я рассчитываю соотношение и применяю функцию шкалы CSS через JS. Когда я изменяю размер окна, все работает нормально. За исключением случаев, когда я максимизирую окно одновременно или, если я закрываю инструменты разработчика. Тогда новый размер не применяется, и я получил крошечный дисплей. Даже если я подожду, прежде чем применять масштаб, это не работает. Как на Firefox, так и на хром, поведение одинаково. Но в конце концов я исправил это, установив ширину и высоту вместо использования функции CSS Scale. Теперь, честно говоря, это произошло в несколько старой версии Firefox, 102, но мне было любопытно, если кто-то еще испытал это или если это было исправлено позже. />
Код: Выделить всё
graphics.canvas.style.transform = 'scale(' + graphics.canvasScale + ')';
Edit2: Проблема заключалась в том, что я предполагал, что использует Delete на graphics.canvas.style.transform будет работать, но вы должны использовать Remopproperty, чтобы фактически удалить свойство CSS.
Подробнее здесь:
https://stackoverflow.com/questions/796 ... e-function