Img map vs canvas

Question

我正在开展一个工作人员必须在飞机上定位组件的项目。飞机将被扫描并放在网络应用程序中，之后，用户可以选择放置的位置。

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

最好使用img map并找到至少覆盖点的解决方案或使用画布吗？

注意：在我工作的地方，他们必须更改为非Windows操作系统，并使用基于Firefox的浏览器或Chromium，因此浏览器不会被视为问题的一部分。

Answer 1

是的，我建议使用canvas来做到这一点。

引自https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Canvas_tutorial：

  

<canvas>是一个HTML元素，可用于绘制图形   脚本（通常是JavaScript）。例如，它可以用于绘制   图表，制作照片作品或做简单（而不是那么简单）   动画。右侧的图片显示了<canvas>的一些示例   我们将在本教程后面看到的实现。

     Apple首次推出了

<canvas> Mac OS X Dashboard和   后来在Safari和谷歌Chrome中实现。 Gecko 1.8基于   浏览器（如Firefox 1.5）也支持此元素。 <canvas>   element也是WhatWG Web应用程序1.0规范的一部分   称为HTML5。

     

本教程介绍如何使用<canvas>元素绘制2D   图形，从基础开始。提供的例子应该给出   你有一些明确的想法，你可以用canvas做什么，并将提供代码   可能会让您开始构建自己的内容的片段。之前   你开始

     

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