记录 iPad 屏幕按下：位置和时间

Question

我想记录医生在医院病房里为病人提供护理时接触到的物理表面。我认为如果我可以制作一个应用程序或 HTML canvas，那么在 iPad 上设置房间布局（甚至只是房间表面列表）可能会很有用，这样我就可以点击当博士在真实房间中触摸它时的等效表面。

过去我已经一个一个地写下表面并在它们旁边写上时间 - 所以这是我最终想要的输出：例如

门把手：09:27:39

Table 09:28:16

患者09:28:31

等等

如有任何帮助或建议，我们将不胜感激。

Answer 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>

获得房间的图片或插图后，使用地图工具生成地图 (like this one)，然后编写脚本来执行所需的操作。在我的示例中，每次单击一个区域时都会执行一个 javascript 函数，我将区域名称作为字符串传递给该函数。

记录 iPad 屏幕按下：位置和时间

Recording an iPad screen press: Location and time

html

ipad