Коснитесь области холста ниже, чтобы проверить сенсорный экран. Поддерживается мультитач и чувствительность к нажатию.
Коснитесь канвы одним или несколькими пальцами, чтобы увидеть отслеживание точек касания в реальном времени.
Проведите по канве, чтобы проверить мёртвые зоны или не реагирующие области экрана.
Определение мультитач покажет, сколько одновременных точек касания поддерживает ваше устройство.
Наиболее распространённая технология — емкостной сенсор, используемый в смартфонах и планшетах. Палец (электрический проводник) нарушает электростатическое поле поверхности экрана. Датчики по краям измеряют изменение ёмкости для точного определения точки касания. Резистивные сенсорные экраны (используемые в некоторых промышленных устройствах) работают путём прижатия двух проводящих слоёв друг к другу.
Современные устройства поддерживают мультитач и распознают несколько одновременных точек касания. Большинство смартфонов поддерживают 5-10 точек касания. Это позволяет жесты: увеличение щипком, вращение двумя пальцами, свайп тремя пальцами и другие. Сенсорный контроллер обрабатывает все точки одновременно и сообщает координаты с частотой 60-240 Гц (частота опроса сенсора).
Браузер предоставляет несколько API для сенсорного взаимодействия: Touch Events (touchstart, touchmove, touchend) предоставляют подробные данные мультитач, включая ID касания, координаты и радиус касания. Pointer Events предоставляют унифицированный API для мыши, стилуса и касания. Этот тест использует Touch Events для прямого отслеживания мультитач с откатом на мышь для устройств без сенсора.
Проверьте этим тестом! Положите все пальцы одновременно на экран и наблюдайте за счётчиком максимального числа касаний. Большинство современных смартфонов поддерживают 5-10 точек.
Да! Если ноутбук имеет сенсорный экран, вы можете рисовать пальцем на канве. Если только тачпад — можно использовать ввод мышью, но мультитач доступен только с реальным сенсорным экраном.
Типичные причины: грязный или мокрый экран, защитная плёнка/стекло, электромагнитные помехи от ближайших устройств или перчатки (если экран не поддерживает режим перчаток). Протрите экран и попробуйте снова.