Запись нажатия экрана iPad: место и время
Я хотел бы записать физические поверхности, к которым прикасается доктор, когда он ухаживает за своим пациентом в больничной палате. Я думаю, что план комнаты (или даже просто список поверхностей комнаты) на iPad может быть полезен, если я могу создать приложение или HTML-холст, чтобы я мог коснуться эквивалентной поверхности, когда доктор касается ее в реальной комнате.
В прошлом я записывал поверхности одну за другой со временем рядом с ними, поэтому в конечном итоге я хотел бы получить такой результат: например
Дверная рука: 09:27:39
Стол 09:28:16
Пациент 09:28:31
так далее
Любая помощь или предложения будут оценены.
Привет Остин. Мне не нужен код. Мне интересно, возможно ли сделать то, что я ищу. Один из способов, о котором я подумал, это просто нарисовать план комнаты. Затем как-нибудь запишите экран и коснитесь поверхностей по мере прикосновения к ним. Затем мне приходилось смотреть записи и расшифровывать их потом. Кажется очень трудоемким.
Да, это возможно, есть разные способы добиться того, что вам нужно. Однако это мая не лучшее место для вопросов, так как Вопросы, в которых нас просят порекомендовать или найти инструмент, библиотеку или любимый сторонний ресурс, не относятся к теме Stack Overflow, поскольку они, как правило, привлекают самоуверенные ответы и спам.
Ответы 1
Вы можете просто использовать функцию изображения <map> HTML, прочитайте, как это работает здесь: https://www.w3schools.com/tags/tag_map.asp
Посмотрите демонстрационный пример, который я создал для вас здесь: https://jsfiddle.net/96d7pvso/
<img src = "..." usemap = "#image-map">
<map name = "image-map">
<area href = "javascript:ClickOnImageMap('window1');" coords = "167,85,103,40" shape = "rect">
<area href = "javascript:ClickOnImageMap('window2');" coords = "198,5,248,0,285,45,236,54" shape = "poly">
<area href = "javascript:ClickOnImageMap('chair');" coords = "43,106,43,142,73,141,78,90,61,91,61,100" shape = "poly">
<area href = "javascript:ClickOnImageMap('bed');" coords = "191,120,239,166,299,166,299,130,236,102,191,100" shape = "poly">
</map>
Получив изображение или иллюстрацию комнаты, используйте инструмент карты для создания карты (как этот) и напишите свой сценарий для выполнения того, что вам нужно. В моем примере функция javascript выполняется каждый раз, когда щелкается область, и я передаю имя области в виде строки функции.
О, вау, это выглядит фантастически, большое спасибо, даже больше, чем я надеялся! Это может быть глупый вопрос: позволяет ли веб-сайт jsfiddle записывать эти выходные данные в файл локально или удаленно?
Пожалуйста. К сожалению, jsfiddle - это всего лишь площадка для сценариев внешнего интерфейса, вы не можете писать оттуда какие-либо локальные/удаленные файлы. Для записи файлов нужен backend-скрипт, например, на PHP или NodeJS. В качестве альтернативы, если вы хотите использовать jsfiddle, вы можете хранить данные в базе данных и настроить службу restapi (или использовать готовую к использованию службу, например restdb.io ), чтобы вы могли использовать вызовы ajax для хранения данных.
Имеет смысл, спасибо! Я думаю, что jsfiddle в порядке. Я зарегистрировался на restdb.io и собираюсь посмотреть, что мне нужно сделать. Если бы вам нужно было прикинуть, сколько времени потребуется новичку в серверных вещах, чтобы написать то, что вы предлагаете? В качестве альтернативы я могу скопировать вывод из кода js и сохранить его в файл вручную (хотя это определенно не элегантно!).
Не беспокойтесь @HCAI, ммм, новичку может потребоваться некоторое время, чтобы понять сценарии javascript и ajax. Итак, в вашем случае я бы порекомендовал начать использовать бесплатный план на Firebase, и вы можете следовать этому руководству firebase.google.com/docs/database/web/start о том, как подключить интерфейс (на jsfiddle) к вашей базе данных firebase. Шагов много, но, по крайней мере, они хорошо документированы!
Ах, еще одно решение, если вам просто нужно хранить данные независимо от того, где, это использовать html5 db, это база данных, которая хранит данные в браузере (аналогично кешу браузера или временным файлам), поэтому данные не размещены в Интернете или хранятся на любом сервере, только в браузере пользователя. Но вам нужно также создать интерфейс для чтения/экспорта данных: tutorialspoint.com/html5/html5_indexeddb
Еще раз большое спасибо за вашу помощь в этом. Я просто пробую это в сафари на ipad4 и обнаруживаю, что полоса прокрутки не появляется после того, как вы продолжаете касаться поверхностей. Как вы думаете, это проблема сафари на ios?
Похоже, вы хотите, чтобы мы написали для вас код. Хотя многие пользователи готовы создавать код для кодера, попавшего в беду, обычно они помогают только тогда, когда автор уже пытался решить проблему самостоятельно. Хороший способ продемонстрировать эти усилия — включить код, который вы уже написали, примеры входных данных (если они есть), ожидаемые выходные данные и выходные данные, которые вы фактически получаете (консольный вывод, трассировка и т. д.). Чем больше деталей вы предоставите, тем больше ответов вы, вероятно, получите. Проверьте Вопросы-Ответы и Как спросить.