我有一个应用程序,人们可以上传照片,它嵌入到他们可以下载的另一个图像。就像在贺卡上添加照片一样。它可以在design.some.cards中看到
首次将上传内容放置在可调整大小的可拖动div中,以便用户可以将其放置在他们想要的位置和所需的大小。
一切正常,但是当他们改变div中图像的位置时,最终图像将黑色嵌入图像容器放在正确的位置和大小,但照片不与黑色容器对齐。
我已为黑色容器和照片添加了顶部和左侧偏移,因此人们可以手动排列,但他们不需要执行此步骤。他们应该只能将照片放在div中,以及它在最终图像中的外观。
奇怪的是,当用户使用偏移并将照片与黑色容器对齐时,它看起来是正确的,但是如果他们然后在黑色容器正确排列但是照片没有&#39的情况下移动div中的照片;吨
以下是一些代码 - 使用js捕获参数然后发布。
$theimage = '/path/'.$theimage; // background image
$jpg_image = imagecreatefromjpeg($theimage);
$photo = "/path/uploads/".$_POST["photo"];
$jpg_photo = imagecreatefromjpeg($photo);
$rezphoto= "/path/uploads/resized-".$_POST["photo"];
$jpg_photo1 = imagecreatefromjpeg($rezphoto);
// resizing and moving the div sends coords to a form
$phototop = $_POST["phototop"];
$photoleft = $_POST["photoleft"];
// phBlLeftOffset & phBlTopOffset - users input to align the black if not lining up
// phLeftOffset & $phTopOffset - users input to align the photo within the black
//The dynamic resizing isn't posting accurate coords, realigning here
$photoPozLeft = $photoleft+63;
$photoPozTop = $phototop-26;
$photoPozLeftBlack = $photoleft+$phBlLeftOffset+360;
$photoPozTopBlack = $phototop+$phBlTopOffset+185;
imagecopy($jpg_image, $jpg_photo1, $photoPozLeftBlack, $photoPozTopBlack, $photoPozLeft+$phLeftOffset, $photoPozTop+$phTopOffset,$photowidth, $photoheight);
理想情况下我喜欢
imagecopy($jpg_image, $jpg_photo1, $photoPozLeftBlack, $photoPozTopBlack, $photoPozLeft, $photoPozTop,$photowidth, $photoheight);