录制iPad屏幕屏幕出版:位置和时间

Question

我想记录医生在病房里照顾病人时的物理表面。我认为，如果我可以制作应用程序或HTML帆布，则在iPad上有一个房间的布局(甚至只是房间表面列表(可能会很有用，这样我就可以在DR在真实房间中触摸它时点击等效的表面。

过去，我旁边的时间一一写下了表面，所以这是我最终想要的输出：例如

门手：09：27:39

表09:28:16

患者09:28:31

etc

任何帮助或建议将不胜感激。

Answer 1

您可以简单地使用映像<map> html功能，在此处阅读它的工作方式：https：//www.w3schools.com/tags/tags/tag_map.asp.asp.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函数，然后将区域名称作为字符串传递给该函数。