html - 如何在单击按钮上的图像地图位置添加值
问题描述
我有一个包含一些单元格的表格的图像。我将其制作为图像映射,我想做的是当用户单击按钮时,我可以在表格的单元格中设置值。图像映射可以吗?在我的代码下面的图像映射代码中,每个单元格的坐标。我现在需要知道如何在用户单击按钮时在用矩形坐标指定的这些位置设置值
<!-- Image Map Generated by http://www.image-map.net/ -->
<img src="pic.png" usemap="#image-map">
<map name="image-map">
<area target="" alt="" title="" href="" coords="332,152,459,198" shape="rect">
<area target="" alt="" title="" href="" coords="329,262,450,295" shape="rect">
<area target="" alt="" title="" href="" coords="331,319,449,350" shape="rect">
<area target="" alt="" title="" href="" coords="334,376,454,396" shape="rect">
<area target="" alt="" title="" href="" coords="652,147,771,194" shape="rect">
<area target="" alt="" title="" href="" coords="651,265,780,291" shape="rect">
<area target="" alt="" title="" href="" coords="652,325,778,351" shape="rect">
<area target="" alt="" title="" href="" coords="659,374,779,395" shape="rect">
</map>
解决方案
推荐阅读
- javascript - 使用 Vuex 在 created() 上设置“starter”值
- python - python程序显示错误无效文字
- azure - 使用 VSTS 发布定义的蓝/绿部署
- sql - 如何处理 sp_job_start 的错误?
- mysql - 在 Sequel Pro 中编写散列密码的过程时语法错误
- c# - log4net 按线程上下文属性过滤(.NET Core)
- c# - 如何将游戏对象缩放到一定大小?
- c# - 重定向到 .NET Core 2.1 后出现新错误 System.ObjectDisposedException:无法访问已处置的对象
- python - 在 Pandas DataFrame 中更新 A 列,其中 B 列的值为 C
- ocaml - 如何从一个列表中制作非递减列表?不使用递归,使用 fold_left/fold_right。OCaml