18910140161

HTML-在vuejs/vuetify中根据图像坐标将图像放置在另一个图像上-堆栈溢出

顺晟科技

2022-10-18 12:22:17

63

我的问题与此类似:根据图像坐标将图像放置在另一个图像上,但在Vuejs和PrimeVue中似乎不起作用。

我试图实现同样的事情,但使用多个标签。每个区域都应该有一个对应于建筑物或“椅子”的图像。在类似的问题中。背景图片是使用这张地图来了解可点击的坐标,因为我希望能够点击建筑物。

我的代码如下:

<代码><;DIV类=";映射容器";>;<;IMG SRC=";./assets/map_f.PNG";alt=";城市";用户地图=";#城市";/>;<;/DIV>;<;映射名称=";城市";>;<;区域类=";区域";形状=";RECT";坐标=";1049,347,1104,428alt=";主楼";href=";MainBuilding.HTM";/>;<;/映射>;.map-container{位置:相对;}.面积{位置:绝对;显示:块;background-image:URL(";./assets/building.PNG";);背景大小:封面;背景-位置:中心;宽度:160px;高度:160px;}

非常感谢您的帮助:D


顺晟科技:

  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航