imageFlip ()을 사용하여 가상 피팅 미러 효과를 달성하십시오

M66 2025-05-31

최신 전자 상거래 웹 사이트에서 가상 피팅 미러 기능이 점점 인기를 얻고 있습니다. 사용자에게 몰입 형 쇼핑 경험을 제공 할뿐만 아니라 전환율을 향상시킵니다. 이 기사에서는 PHP에서 ImageFlip () 함수를 사용하여 주로 이미지 플립 기능을 통해 간단한 가상 피팅 미러 효과를 달성하여 왼쪽 및 오른쪽 미러 드레싱 효과를 시뮬레이션하는 방법을 소개합니다.

1. ImageFlip () 이해

PHP는 이미지를 뒤집는 데 사용되는 5.5.0 이후 imageflip () 함수를 도입했습니다. 구문은 다음과 같습니다.

 bool imageflip(GdImage $image, int $mode)

$ 모드 매개 변수는 다음 세 가지 상수 중 하나 일 수 있습니다.

img_flip_horizontal : 수평 플립 (왼쪽 및 왼쪽 및 오른쪽 거울)
img_flip_vertical : 수직 플립 (위와 아래 거울)
IMG_FLIP_BOTH : 수평 및 수직 플립을 동시에 수행하십시오

가상 피팅 미러 장면에서 가장 일반적으로 사용되는 것은 수평 플립입니다.

2. 시뮬레이션 피팅 효과의 핵심 아이디어

사용자는 자신의 정면 사진을 업로드합니다.
사용자는 의류를 선택합니다 (투명한 배경을 가진 PNG).
의류 층을 사용자의 사진으로 오버레이하십시오.
imageFlip ()을 사용하여 사용자가 버튼을 클릭하여 "미러 인"의 효과를 볼 수 있습니다.
처리 된 이미지가 마침내 출력됩니다.

3. 샘플 코드 구현

간단한 구현 예는 다음과 같습니다.

 <?php
// 사용자 사진을로드하십시오
$userImage = imagecreatefromjpeg('uploads/user.jpg');

// 옷을로드하십시오PNG（투명한 배경으로）
$clothesImage = imagecreatefrompng('assets/clothes/shirt1.png');

// 의류 층의 너비와 높이를 얻으십시오
$clothesWidth = imagesx($clothesImage);
$clothesHeight = imagesy($clothesImage);

// 사용자지도에서 옷의 위치를 설정하십시오（다음은 중간에 배치되는 것으로 가정합니다）
$destX = (imagesx($userImage) - $clothesWidth) / 2;
$destY = 200; // 상단까지의 거리 200px，필요에 따라 조정할 수 있습니다

// 투명한 처리를 허용합니다
imagealphablending($userImage, true);
imagesavealpha($userImage, true);

// 이미지 병합
imagecopy($userImage, $clothesImage, $destX, $destY, 0, 0, $clothesWidth, $clothesHeight);

// 사용자가 미러 모드를 요청하는 경우
if (isset($_GET['mirror']) && $_GET['mirror'] == '1') {
    imageflip($userImage, IMG_FLIP_HORIZONTAL);
}

// 브라우저에 이미지를 출력합니다
header('Content-Type: image/png');
imagepng($userImage);
imagedestroy($userImage);
imagedestroy($clothesImage);
?>

4. 프론트 엔드 페이지 예제

다음은 위의 PHP와 일치하는 프론트 엔드 페이지의 간단한 버전입니다.

 <!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>가상 피팅 미러</title>
</head>
<body>
    <h2>가상 피팅 미러</h2>
    <img src="http://m66.net/tryon.php" id="preview" style="max-width: 100%;"><br><br>
    <button onclick="mirror()">미러 스위치</button>

    <script>
        let mirrored = false;
        function mirror() {
            mirrored = !mirrored;
            let img = document.getElementById('preview');
            img.src = 'http://m66.net/tryon.php?mirror=' + (mirrored ? '1' : '0') + '&t=' + new Date().getTime();
        }
    </script>
</body>
</html>

5. 요약

PHP의 ImageFlip () 함수를 통해 간단한 이미지 합성 기능과 결합하여 기본 가상 피팅 미러 효과를 쉽게 구현할 수 있습니다. 이 예는 비교적 단순화되었지만보다 고급 가상 드레스 업 시스템을 구현하기위한 토대를 마련했습니다. 현실 감각을 향상시키기 위해 이미지, 얼굴 인식 위치, 3D 모델링 및 기타 기술을 더 추가 할 수 있습니다.

이 기사가 도움이되기를 바랍니다.

imageflip