Запись экрана iPad нажмите: Место и время

Question

Я хотел бы записать физические поверхности, к которым д-р прикасается, когда они оказывают помощь пациенту в больничной палате.Я думаю, что расположение макета комнаты (или даже просто списка поверхностей комнаты) на iPad может быть полезным, если я могу создать приложение или HTML-холст, чтобы я мог коснуться эквивалентной поверхности, когда доктор касается ее в реальной комнате.

В прошлом я записывал поверхности одну за другой со временем рядом с ними, так что в конечном итоге я хотел бы получить такой вывод: например,

Дверьрука: 09: 27: 39

Таблица 09: 28: 16

Пациент 09: 28: 31

и т. д.

Любая помощь или предложения будутоценили.

Answer 1

Вы можете просто использовать функцию HTML <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, выполняемая каждый раз при щелчке по области, и я передаю имя области в виде строки функции.