Фокусировка HTML5

Ес­ли пред­мет на­хо­дит­ся на боль­шем рас­стоя­нии от лин­зы, чем фо­кус­ное рас­стоя­ние, то воз­мож­но соз­дать ре­аль­ное изо­бра­же­ние это­го пред­ме­та на эк­ра­не.

Для то­го что­бы соз­дать чёт­кое изо­бра­же­ние, нуж­но, что­бы изо­бра­же­ние точ­ки пред­ме­та да­ва­ло од­ну и един­ст­вен­ную точ­ку его изо­бра­же­ния на эк­ра­не.

Ани­ма­ция по­ка­зы­ва­ет, что чёт­кое изо­бра­же­ние об­ра­зу­ет­ся лишь при не­ко­то­рых по­ло­же­ни­ях эк­ра­на. В дей­ст­ви­тель­но­сти, ес­ли вы­де­лить три па­даю­щих лу­ча  из точ­ки В пред­ме­та, то изо­бра­же­ние этой точ­ки В яв­ля­ет­ся чёт­ким в мес­те, где ка­ж­дый ис­хо­дя­щий луч схо­дит­ся в од­ной точ­ке.

Это ус­ло­вие спра­вед­ли­во лишь для од­но­го по­ло­же­ния. Вне не­го, су­ще­ст­ву­ет не­сколь­ко изо­бра­же­ний од­ной точ­ки В, и кар­тин­ка раз­мы­та.

Нажать и переместить горизонтально экран.