加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 站长学院 > PHP教程 > 正文

php – 如何将图像放在另一个图像上

发布时间:2020-12-13 22:33:46 所属栏目:PHP教程 来源:网络整理
导读:我有以下脚本 div class="left"img src="image1.jpg" height="186" width="160" / /divdiv class="center"img src="image2.jpg" height="186" width="160" / /divdiv class="right"img src="image3.jpg" height="186" width="160" / /div 生成以下内容: 我
我有以下脚本

<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

现在,如果你仔细看看上面的图像,你会看到上传的图像与杯子粘在一起,好像它是用Photoshop设计的,但实际上并非如此.

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

提前致谢 :)

P.S
我从这个网站得到了这个想法 – > http://www.zazzle.com/cr/design/pt-mug

我试图实现网站所拥有的相同的东西(我已经尝试了很长时间,但没有结果……未能将上传的图像放在杯子的图像上).

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

解决方法

是的,你可以这样做.

如果您检查Zazzle.com上的给定网址,在上传图片后,它会在其服务器上调用一个程序 – “designall.dll”.它正在做所有的魔术.

正如我们的其他朋友提到的那样,仅使用HTML,CSS和JavaScript(不使用Canvas)就无法实现这种效果.

但是使用一些服务器端程序,您可以毫无问题地实现此目的.

当我在LAMP上编程时,我正在给出一个用PHP和ImageMagick实现相同的解决方案.

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

关于实际的失真代码,您可以使用ImageMagick插件.

有关ImageMagick插件的更多信息,请访问:
ImageMagick Website

有关使用ImageMagick扭曲(实际包装)图像的方法的更多信息,请参见:Wrapping和Distrotion.这些链接包含大量带预览的示例.

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

如果我错过了什么,请告诉我.

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

谢谢.

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读