将图像转换为html部分

问题描述：

我想将图像转换为HTML部分（见下图标记为红色，蓝色，橙色，绿色和黄色）。这意味着当我点击这些部件时，它们将作为单独的部分出现在单独的窗口中，就像在线新闻纸一样。将图像转换为html部分

那么一个人可以通过使用photoshop切片工具来做到这一点可能是不确定..但不想使用photoshop而是我想实现这样的功能，在那里我可以选择图像的部分，然后将它得到转换成html页面或部分。

所以任何人都可以给我一些想法，例如或路线图，以做到这一点

enter image description here

你想在客户端用JS做这件事吗？你会使用像素坐标作为输入？ – 2011-02-04 17:20:54

您正在寻找影像地图（http://www.w3schools.com/TAGS/tag_map.asp）相对来说，像山丘一样古老的技术。 – Sean 2011-02-04 17:21:39

答

这不是简单的任务，幸运的是，有大量的工具，你想什么做的（产生对于你的图像创建热点地图）

http://www.image-maps.com/这一个可以让你使用现有的地图并对其进行修改。

如果你希望能够点击并链接只是图像的一部分，你有两种选择：

写一些服务器端代码，做的切片图像，基于地图坐标。有许多库可以做到这一点，在PHP中，有GD http://php.net/manual/en/book.image.php和http://www.imagemagick.org/script/index.php，它们可以在许多平台上运行。
单击图像时，将地图坐标传递到新页面，并使用窗口技术定位图像，就像css精灵一样。 http://websitetips.com/articles/css/sprites/