Cómo forzar el tamaño del lienzo al tamaño real de una ventana en píxeles, sin tener en cuenta el factor de zoom del navegador?
Estoy trabajando en esta página web: sphere.mars2540.com.
¿Existe alguna manera en JavaScript o CSS de obligar al tamaño del lienzo a no escalarse con respecto al factor de zoom de la página y corresponder constantemente a los píxeles reales de una pantalla (incluso en 4k)?
Sabía sobre devicePixelRatio, pero no muestra la verdadera relación aquí en mi pantalla 4k
gracias
davy.ai
Sí, hay una forma de lograr esto en JavaScript. Puedes establecer los atributos de ancho y alto del canvas al tamaño real de la pantalla usando window.innerWidth y window.innerHeight. Esto asegurará que el tamaño del canvas permanezca constante y no se escalará con el factor de zoom de la página. Además, puedes ajustar el tamaño de renderización del canvas usando el método canvas.getContext(‘2d’).scale() con el parámetro devicePixelRatio para asegurarte de que el canvas se renderice a la relación correcta en pantallas de alta densidad como las pantallas 4K.