Pouvez-vous accéder aux paramètres DPI de l’écran à l’aide d’une fonction Javascript?

Question

Existe-t-il un moyen d'accéder aux paramètres DPI de l'écran à l'aide d'une fonction Javascript?

J'essaie de positionner un panneau html sur la page et, lorsque la résolution DPI de l'utilisateur est définie sur grand (120), la position est désactivée. Je dois être capable de savoir ce qu'est le DPI pour pouvoir ajuster la position en conséquence.

Merci tout le monde,

Jeff

Answer 1

Tout d'abord, pour aider au possible (et même très courant) la confusion avec le terme PPP (points par pouce):

Le DPI n'est pas exactement une partie de "paramètres d'affichage". C'est (mal)utilisé dans deux contextes différents:

1. Le natif de pixels par pouce d'un écran (ou vidéo). Il détermine la manière dont les pixels sont. Vous pouvez avoir la même résolution 1024x768 sur un 14" de l'écran d'ordinateur et un moniteur LCD 17". L'ancien serait à peu près être 1280/14 = 91 DPI et le dernier à peu près être 1280/17 = 75 DPI. La résolution d'un écran est immuable; il ne peut pas être changé avec les paramètres d'affichage. De plus...
2. Le nombre de points par pouces peintes sur du papier lors de l'impression. C'est le nombre de side-by-side dots d'une imprimante/photocopieur/fax peut empreinte au sein d'un pouce de papier. La plupart des imprimantes peut être configurée pour imprimer à moindre DPI, par juste l'impression de chaque point deux, quatre, etc. points. De plus...

Lors de l'impression d'une image, il y a beaucoup de choses qui affectent les dimensions finales de l'image sur le papier:

• Les dimensions de la source de l'image: c'est le nombre de pixels ou de données.
• La résolution de l'image source. Cette valeur détermine la façon dont les dimensions doivent être interprétées lors de l'impression de l'image.
• Si la source de l'image n'a pas intégré le DPI de l'information (format JPEG peuvent en avoir un, un GIF n'est jamais le cas), le programme en cours d'utilisation peut avoir des paramètres pour spécifier un DPI. Ce pourrait être une image viewer/editor ou même d'un navigateur web.
• Le facteur de zoom qui est généralement spécifié dans une boîte de dialogue d'impression.
• Le courant de réglage DPI de l'imprimante.
• La physique (max) résolution de l'imprimante.

La ligne du bas est, l'image que vous avez l'impression va effectivement se ré-échantillonné (réduction ou d'agrandissement) pour correspondre à la finale DPI, qui est utilisé dans le processus d'impression. L'une des parties involed peut en être la cause (le programme, le pilote d'impression, l'imprimante).

Maintenant, pour en revenir à votre question. Non, vous ne pouvez pas déterminer la résolution de l'écran, car il n'est pas dans le domaine informatique. C'est un matériel de domaine à terme, décrivant comment grand un moniteur, un utilisateur pouvait se permettre de l'acheter. Mise à jour: j'ai d'abord écrit cette réponse de retour en 2009, avec ma compréhension des technologies actuelles. Comme @thure souligné, vous pouvez maintenant (depuis 2012?) utilisation de la fenêtre.matchMedia fonction pour déterminer la résolution de l'écran.

Si vous êtes en essayant d'atteindre la précision de l'impression d'une mise en page HTML, comme d'autres l'ont suggéré, votre CSS doit utiliser d'impression dimensions, comme em, pt ou pc au lieu de px. Toutefois, le résultat final peut encore dépendre du navigateur à l'aide. Si la conversion en HTML PDF (ou de générer des PDF à partir de zéro) est une option pour vous, l'impression d'un document PDF vous donner le vrai WYSIWYG à la fois sur l'écran et le papier.

• Les malentendus au sujet de dpi
• DPI, PPP, Pixels - Faits et idées fausses

Answer 2

Il n'y a pas un moyen que je sais, cependant, ils peuvent être une solution alternative:

Indiquez vos mesures en " pt " et "em", qui sont de l'écran par rapport métriques.

http://www.w3schools.com/css/css_units.asp

• em:
  1em est égale à la taille de la police actuelle. 2em correspond à 2 fois la taille de la police courante. E. g., si un élément est affiché avec une police d' 12 pt, alors '2em' est 24 pt. L' 'em' est un très bon appareil, en CSS, car il peut s'adapter automatiquement à la police que le lecteur utilise
• pt:
  point (1 pt est le même que 1/72 inch)
• pc:
  pica (1 pc est le même que 12 points)