Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/263.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Php 如何将图像放置到图像上,并调整大小并拖动它_Php_Jquery_Css - Fatal编程技术网

Php 如何将图像放置到图像上,并调整大小并拖动它

Php 如何将图像放置到图像上,并调整大小并拖动它,php,jquery,css,Php,Jquery,Css,我想用PHP实现定制杯子设计, 默认情况下有玻璃图像,然后用户可以上传她/他的图像,图像将放在玻璃上,用户更改大小并移动它,如下图所示 我如何实施它,有什么想法吗?有关某些jquery库的任何帮助…对于图像拖动和调整大小,您可以使用jquery UI中的&函数 这是完全定制的,您将能够轻松实现您的目标 对于图像合并,您可以使用以下代码: 如果您使用PHP,还可以看看如何满足您的所有需要,它使用的是隐藏的画布 在那个里你们可以在杯子上设置你们的图像 调整它的大小,拖动它 并将图像保存在dat

我想用PHP实现定制杯子设计, 默认情况下有玻璃图像,然后用户可以上传她/他的图像,图像将放在玻璃上,用户更改大小并移动它,如下图所示


我如何实施它,有什么想法吗?有关某些jquery库的任何帮助…

对于图像拖动和调整大小,您可以使用jquery UI中的&函数

这是完全定制的,您将能够轻松实现您的目标

对于图像合并,您可以使用以下代码:

如果您使用PHP,还可以看看如何满足您的所有需要,它使用的是隐藏的画布

  • 在那个里你们可以在杯子上设置你们的图像
  • 调整它的大小,拖动它
  • 并将图像保存在dataurl中,然后保存到任何jpeg或png格式

您可以使用jQueryUI中的draggable()和resizeable()。有很多选项,比如容器上的约束(比如你的红色矩形),已经有一些插件可以使用,例如:它不是免费的,但是因为我和它们没有关系,所以我在这里发布链接。我想你可以找其他人用google@ShailParas我还没有尝试任何东西,我想先学习然后保留ondrag ui插件jquery=)你很好你想要所有的应用程序代码吗?
<?php
    $dest = imagecreatefrompng('vinyl.png');
    $src = imagecreatefromjpeg('cover2.jpg');

    imagealphablending($dest, false);
    imagesavealpha($dest, true);

    imagecopymerge($dest, $src, 10, 9, 0, 0, 181, 180, 100); //have to play with these numbers for it to work for you, etc.

    header('Content-Type: image/png');
    imagepng($dest);

    imagedestroy($dest);
    imagedestroy($src);