JQuery图像叠加（并摆脱imagecopymerge）

Question

在我的项目网站中，我使用php函数imagecopymerge根据MySQL中的表将基本图像（地图）与标记（相同的标记始终但重复）合并。

我想将它迁移到jQuery，因为图像轻弹的刷新，这是非常难看的。

您能指导我找到最佳解决方案吗？

非常感谢。

Answer 1

我是否正确地认为您有一个静态图像，可以通过用户交互进行更新？在服务器上处理更新，并将新的“合并”图像发送回客户端？

如果是这种情况，您可以用相当多的jquery来替换它。但是会有差异。

我会使用以下策略：

1. 将静态背景地图交付给客户。
2. 更改当前发回服务器的任何函数，以便调用jquery函数。
3. 此功能应创建一个新图像（您的标记）并将其放在地图上的适当位置。你应该可以用css。
来做到这一点
4. 该功能还应跟踪这些标记的位置，以便在用户完成后将其位置发送回服务器。

如果您能准确地告诉我您需要做什么，我很乐意提供更详细的建议。

<强>更新

好的，基于你的评论，我知道有一个数据库表决定了地图的内容。它不一定由当前用户更新，但您经常检查更改。

你已经在使用ajax来完成大部分工作了，所以改成jquery不会做太多。我想也许你只需要想办法处理新图像的显示。

您可以通过在页面中的同一位置放置两个图像来尝试双缓冲技术，其中只有一个在任何时候都可以正常显示。

1. 对服务器执行相同的调用以检查更改并检索图像。我假设您正在为更新图像获取新网址，但如果没有，您可能需要做类似的事情。
2. 更新页面上不的图像的src
3. 显示隐藏的图像，但仅在将其不透明度设置为0后才显示。
4. 使用jquery，淡化新图像和旧图像。

如果操作正确，效果可能更像是地图的平滑更新，而不是闪烁。