如何把图像对其它图像

我有以下脚本如何把图像对其它图像

<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>

产生如下： Figure-2

我有这个简单的表格，上传图片：

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

上传图片的原因是看图片上面的马克杯是怎么样的。

现在将图像上载后的杯子看起来像下面 Figure-2(After uploading image)

图2

现在，如果你善待仔细看看上面的图片，你会看到上传的图片被贴用杯子的方式，就好像它是用Photoshop设计的，但事实上并非如此。

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

感谢提前:)

PS 我的想法从这个定点>http://www.zazzle.com/cr/design/pt-mug

我试图达到的网站有同样的事情（我一直在努力了这么久，但尚未没有结果...没有把上传的图像放在马克杯的图像上）。

这里的下载链接图像我这里使用http://i43.tinypic.com/d66h4.png

来源

2012-02-18 black_belt

它工作正常...（也[相同的代码]（http://stackoverflow.com/questions/9276190/how-to-let-users-put-text-on-an-image）wth） – Purag 2012-02-18 05:39:31

是你提供你的网站的链接，还是只是你试图复制的一个例子 – 2012-02-18 05:41:39

嗯，这是不可能的，因为这个Skype图像的CSS！您必须在Gimp或PS中创建一个带有透明度的人造效果，并将上传的图像绝对定位并通过px调整px。 – elclanrs 2012-02-18 05:43:32

是的，你可以做到这一点。

如果从Zazzle.com检查给定的URL，上传图像后，它会调用其服务器上的程序 - “designall.dll”。它正在做所有的魔术。正如我们的其他朋友提到的那样，不可能仅仅通过HTML，CSS和JavaScript（不使用Canvas）来实现这种效果。

但使用一些服务器端程序，你可以实现这个没有任何问题。

当我在LAMP上编程时，我给出了一个解决方案来实现PHP和ImageMagick。

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

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

约ImageMagick的插件的更多信息可以在以下中找到： ImageMagick Website

更多关于方式的信息来扭曲（实际包装）使用ImageMagick的图像，可以发现：Wrapping和Distrotion。这些链接也包含很多预览示例。

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

请让我知道如果我失去了一些东西。

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

谢谢。

来源

2012-02-18 07:31:43

“这是不可能的“我很不同意，Javascript和canvas可以非常强大 – AlanFoster 2012-02-18 07:43:50

是的，我同意AlanFoster。不使用HTML，CSS和JavaScript就不能实现这种效果，而不使用HTML，CSS和JavaScript。画布，对不起，我感到困惑。 – 2012-02-18 07:45:41

如何把图像对其它图像

回答

相关问题