如何将图像放在图像上并调整大小并拖动它

Question

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

我怎么能实现它，任何想法？关于一些jquery库的任何帮助......

Answer 1

用于图像拖动＆amp;调整大小，您可以使用.draggable()＆amp; .resizable()在jQuery UI中起作用。

这是完全自定义的，您将能够轻松实现目标。

对于图像合并，您可以使用此subject：

中的代码

<?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);

＆GT;

如果您使用PHP，请查看ImageMagick

Answer 2

使用fabric.js满足您的所有需求，它使用画布

• 您可以在杯子上设置图像
• 调整大小，拖动它
• 并将图像保存在dataurl中，然后保存到任何jpeg或png