Javascript Img地图vs画布

我在做一个项目，工作人员必须在平面上定位组件。飞机将被扫描并放在一个web应用程序上，然后用户选择放置的位置

我的第一个想法是

img

map

（在我工作的地方，计算机仍然有IE，我们正在尝试改用Firefox或Chrome），但我不确定如何让用户看到一个区域（某种动态叠加彩色区域），所以我的第二个建议是使用HTML5

画布

最好使用
img
map
并至少找到覆盖点的解决方案，还是使用canvas

注意：在我工作的地方，他们必须切换到非Windows操作系统，并使用基于Firefox的浏览器或Chromium，因此浏览器没有被视为问题的一部分。
是的，我建议使用
画布来实现这一点

引述自：

是一个HTML元素，可用于使用
脚本（通常是JavaScript）。例如，它可以用来画画
图表、构图或做简单的事情（但不是那么简单）
动画。右侧的图像显示了

我们将在本教程后面看到的实现

最早由苹果公司推出，用于Mac OS X仪表板和
后来在Safari和Google Chrome中实现。基于Gecko 1.8的
Firefox1.5等浏览器也支持此元素。

元素也是WhatWG Web应用程序1.0规范的一部分
被称为HTML5

本教程介绍如何使用
元素绘制二维图形
图形，从基础开始。所提供的例子应说明
您可以清楚地了解如何使用canvas并提供代码
可以让您开始构建自己的内容的代码片段。之前
你开始

使用元素不是很困难，但您确实需要
基本了解HTML和JavaScript。
元素不可用
在某些旧浏览器中受支持，但在最新版本中受支持
所有主要浏览器的。画布的默认大小为300px*150px
（宽*高）。但是自定义大小可以使用CSS高度和
宽度属性。为了在画布上绘制图形，我们使用
javascript上下文对象，用于动态创建图形

@如果这个答案对你有帮助，你能接受并投票吗？谢谢。我需要15%的声誉，现在我只有6:-（a很快就是15%了，我会投票的！！@AlexGomezz88谢谢你。