无缝图像替换/更新
我正在创建一个多层图像编辑器，使用 AJAX 发送对 PHP 脚本的调用，然后使用 GD 库来处理更改，保存新图像并将新图像路径发送回浏览器，以便 AJAX 将旧图像替换为新图像。
此示例，当您移动图层时，它会无缝地移动图层，而不会出现图像闪烁。这个例子使用一个dll文件来提供图像，我希望能够在PHP / JS中实现同样的事情。
想法1 我考虑过对当前图像应用 z 索引并加载其下方的新图像，加载后隐藏旧图像。
想法2 将图像路径设置为 php 脚本，该脚本将编译图像的原始数据直接输出到浏览器。
I am creating a multi-layered image editor using AJAX to send calls to a PHP script, then using a GD library to process the changes, save the new image and send the new image path back to the browser for AJAX to replace old with new.
This example, when you move a layer it seamlessly moves the layer without a single flicker of the image. This example uses a dll file to serve the image, I want to be able to achieve the same thing in PHP / JS.
Idea 1
I thought about applying a z-index to the current image and load the new image below it, once it's loaded, hide the old image.
Idea 2
Set the image path to a php script which outputs the raw data of the compiled image direct to the browser.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
如果您想“没有任何闪烁”地替换图像，只需预加载图像
（将图像加载到隐藏的 img 元素或 Image javascript 对象，然后在 onload 回调上显示它）
if you want to replace the image "without a single flicker", just preload the image
(load the image to a hidden img element or a Image javascript object and then show it on an onload callback)