Img map vs canvas

Question

我正在做一个项目，工作人员必须在飞机上找到组件。飞机将被扫描并放在一个网络应用程序中，然后用户选择放置的位置。我的第一个想法是imgmap（我工作，计算机仍然有IE浏览器，我们正试图改变为Firefox或Chrome），但我不知道如何使用户可见的区域（某种动态覆盖彩色区域），所以我的第二个建议是使用HTML 5 canvas。

是否最好能与imgmap一起工作，找到一些解决方案来重叠点或至少使用canvas？

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

Answer 1

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

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

<canvas>是可被用于绘制使用 脚本（通常是JavaScript）的图形的HTML元素。例如，它可以用于绘制图形，制作照片组合或做简单（并非如此简单）的动画。右侧的图像显示了一些<canvas> 实现的示例，我们将在本教程的后面部分看到这些实现。

<canvas>最初由Apple为Mac OS X仪表板和后来在Safari和Google Chrome中实现的 引入。基于Gecko 1.8的 浏览器（例如Firefox 1.5）也支持此元素。该元素是WhatWG Web应用程序1.0规范的一部分，也称为HTML5的 。

本教程描述如何使用<canvas>元素绘制2D 图形，从基础开始。所提供的例子应该给你 你一些清晰的想法，你可以使用画布做什么，并将提供代码 片段，可以让你开始建立自己的内容。 开始之前

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