Php 如何将一个图像放在另一个图像上

我有以下脚本

<div class="left">
<img src="image1.jpg" height="186" width="160" /> 
</div>

<div class="center">
<img src="image2.jpg" height="186" width="160" /> 
</div>

<div class="right">
<img src="image3.jpg" height="186" width="160" /> 
</div>

这将生成以下内容：

我有一个简单的表单来上传图像：

<form action="upload/image" method="post">
<input type="file" name="upload_image" />
<input type="submit" />
</form>

上传图像的原因是为了查看杯子（上图）与图像的外观

现在上传图像后，马克杯看起来如下

图2-2

现在，如果你仔细看一下上面的图片，你会发现上传的图片贴在杯子上，就像是用Photoshop设计的，但实际上不是

现在我的问题是，请您告诉我如何将上传的图像粘贴到咖啡杯的所有三个图像上，并使它们看起来像图2

提前感谢：）

附言 我从这个网站得到了这个想法->

我正在努力实现网站已经实现的同样的事情（我已经尝试了这么久，但没有结果…未能将上传的图像放在杯子的图像上）

这是我在这里使用的图像的下载链接

是的，你可以这样做

如果您检查Zazzle.com上的给定url，在上传图像后，它正在调用其服务器上的程序-“designall.dll”。它正在发挥所有的魔力

---

正如我们的其他朋友提到的，仅仅使用HTML、CSS和JavaScript（不使用画布）是不可能实现这种效果的

但是使用一些服务器端程序，您可以毫无问题地实现这一点

当我在LAMP上编程时，我给出了一个用PHP和ImageMagick实现相同功能的解决方案

• 用户上传图像
• 图像将被发送到后端PHP文件
• PHP将按照我们的要求扭曲图像
• 创建三个副本并将其存储在具有唯一ID的临时文件夹中
• 作为对此的回应，我们将获得一些成功代码
• 一旦我们得到一个成功的代码，我们将从临时文件夹加载图像
• 当用户单击任何类型的图像时，我们将根据需要更新图像

关于实际的失真代码，你可以使用ImageMagick插件

有关ImageMagick插件的更多信息，请访问：

有关使用ImageMagick扭曲（实际包装）图像的方法的更多信息，请访问：和。这些链接包含了大量的预览示例

对于我们的示例，我们需要创建一些静态代码，这些代码每次都会以相同的形状扭曲图像

如果我遗漏了什么，请告诉我

朋友们，如果有更好的解决方案，请帮助“黑带”

---

谢谢。

它很好用。。。（也是wth）是你提供给你的网站的链接，还是只是你试图复制的一个例子呢？嗯，鉴于Skype图像，这在css中是不可能的！你必须在Gimp或PS中创建一个具有透明度的人造效果，并绝对定位上传的图像，然后逐像素调整图像。我很确定这在html、javascript和css中是不可能的，正如@elclanrs所说的。从页面发出的请求来看，该站点似乎正在使用dll来呈现图像。很可能是使用第三方程序或代码，他们用c或c++等语言编写，你可以使用HTML5Canvas或webgl。一个杯子的3d模型和一个纹理就可以了。“仅仅用HTML、CSS和JavaScript是不可能达到这种效果的。”我非常不同意。Javascript和canvas可以非常强大是的，我同意AlanFoster的观点。如果不使用画布，仅使用HTML、CSS和JavaScript是不可能实现这种效果的。很抱歉给你带来了困惑。