Question

我想记录下医生在病房里进行患者护理时接触的物理表面。我认为，如果我可以制作应用程序或HTML画布，以便在Dr触摸真实房间时可以点击等效的表面，那么在iPad上布置房间（甚至只是房间表面的列表）可能会很有用。

过去，我将曲面逐个写下，并在其旁边逐一写下，所以这是我最终想要的输出：例如

门把手：09:27:39

表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屏幕新闻：位置和时间

1 个答案: