【发布时间】：2014-01-25 10:31:14
【问题描述】：
我正在尝试创建一个类似于 http://epaper.rajexpress.in 的网站，但无法弄清楚该网站的 CMS 会如何，因为只有一张报纸的图片，并且该图片已被映射，并且每个映射区域都链接到另一个图像，这是该映射区域的放大版本。
谢谢:)
【问题讨论】：
-
这是 PHP、.NET 还是 JSP？
【发布时间】：2014-01-25 10:31:14
【问题描述】：
这种类型的东西不是当今市场上大多数 CMS 的作品。我怀疑它需要大量的手动交互来声明本文每个部分的区域。这是一个工作流程：
- 用户上传完整的高分辨率图片
- 在屏幕上显示缩小的压缩版本
- 用户单击并拖动以勾勒区域
- 存储此轮廓的坐标和尺寸
- 图像的轮廓部分保存到单独的文件中，并与坐标/尺寸相关联
- 从第 3 步开始重复，直到考虑到所有区域
在构建布局本身时，您会加载一个较小的缩小图像。然后你拉入之前所有选择的坐标和尺寸。这些应该基于 % 值，因此它们会很好地覆盖较小的整页图像。
所有叠加层都是a 元素，动态调整大小和定位。它们每个都指向从最初上传的高分辨率图像中提取的各自图像。
这应该足以让您入门。祝你好运。
【讨论】：
-
如何在线选择区域并保存所选区域的坐标？？
-
您必须构建一个界面，用户可以在其中单击图像，并跟踪左侧的 % 和顶部的 %。然后，允许用户增加宽度/高度，同时跟踪每个区域占图像总高度的百分比。您将把这四个坐标连同对完整图像和每个区域图像的引用一起存储在数据库记录中。