위치에 따른 이미지에 문자열 그리기

이미지관련 > 위치에 따른 이미지에 문자열 그리기  

이번 내용은 이전 내용을 바탕으로 함수를 두개 만들고,  

그것을 통해 원하는 위치에 지정한 문자열을 그리는 부분을 다루어 보도록 하겠습니다.

라이브러리 > image.lib.20140723.php

image_box ($font_file, $font_size, $angle, $text)

이 함수는 imageftbbox 의 결과를 좀더 우리가 사용하기 쉬운 형태로 바꾼 함수 입니다.

imageftbbox 의 결과는 꼭지점 좌표 네개이지만,
새로만든 image_box 는 이미지위에 그릴수 있는 영역의
좌표와 너비, 높이, x의 차이, y의 차이 까지 같이 반환합니다.

$font_file = trim($font_file);
    if (!is_file($font_file))
        return false;

단순히 폰트파일이 해당 경로에 존재하는지 여부를 체크하여
존재하지 않으면 더이상 진행하지 않기 위한 부분입니다.

$font_size = (float)$font_size;
$angle = (float)$angle;

두변수의 데이타타입이 float 형이므로 float 형으로 강제형 변환하는 부분입니다.

if ($angle != 0)
    $angle = 0;

이전 내용에서 언급했듯이 기울기가 있을 경우 결과가 정확하지 않기 때문에
기울기가 0 이 아니면 무조건 0으로 변경하는 부분입니다.

$o = imageftbbox ( $font_size, $angle, $font_file, $text );
imageftbbox 가 제공하는 기본 좌표값을 받아옵니다.

// x 좌표의 최소값을 찾아서 0 을 기준으로 이동
$x_min = min($o[0], $o[2], $o[4], $o[6]) * -1;
$n[0] = $o[0] + $x_min;
$n[2] = $o[2] + $x_min;
$n[4] = $o[4] + $x_min;
$n[6] = $o[6] + $x_min;

// y 좌표의 최소값을 찾아서 0 을 기준으로 이동
$y_min = min($o[1], $o[3], $o[5], $o[7]) * -1;
$n[1] = $o[1] + $y_min;
$n[3] = $o[3] + $y_min;
$n[5] = $o[5] + $y_min;
$n[7] = $o[7] + $y_min;

기존 좌표값들이 음수로 나오는 부분이 있어서 그대로로는 이미지 위에 그릴수 없으므로
0을 기준으로 값들을 땡겨 주는 부분입니다.

$n[8] = $width = abs($n[4] - $n[0]);
$n[9] = $hieght = abs($n[1] - $n[5]);

문자열의 실제 너비와 높이를 구하는 부분입니다.
서로의 대각의 각 좌표를 빼서 절대값으로 사용합니다.

$n[10] = $x_gap = (round($font_size / 10 * 1.1) > 1) ? -1 * round($font_size / 10 * 1.1) : $o[0];
이부분은 결과로 받아온 x 좌표에서 실제 적용하기 위한 x좌표로 조절하기 위한 조절값입니다.
명확한 기준은 없으며, 제가 여러가지 테스트 후 나름 최적화 된 값을 찾아낸 것입니다.

$n[11] = $y_gap = $o[1] * (-1);
이부분 역시 y좌표의 조절값입니다.
알파벳 소문자나 한글 같은 경우 기준점에서 내려와야 하는 경우가 있기 때문에 적용하여야 합니다.



function image_text (&$image, $font_file, $font_size, $font_color, $angle, $text, $align='left', $valign='top', $padding=0)

이 함수는 지정한 위치에 문자열을 그리기 위한 함수입니다.
$align 의 값에는 left, center, right 가 올수 있으며, $valign  의 값에는 top, middle, bottom 이 올수 있습니다.

$padding 은 아직 구현되지 않은 기능이며, 다음 내용에서 다룰 예정입니다.

$image_width = imagesx($image);//이미지의 너비
$image_height = imagesy($image);//이미지의 높이
각각 이미지 리소스에서 너비와 높이를 가져오는 함수를 사용하여 이미지의 너비와 높이를 함수의 인자로 받지 않아도 되도록 하였습니다.

if ($align == 'left') {//왼쪽

    $x = $x1 + $x_gap;
}

왼쪽은 기본값 이므로 받아온 $x1 값에 $x_gap 만 더하면 됩니다.

else if ($align == 'right') {//오른쪽

    $x = $image_width - $width + $x_gap;
}

오른쪽은 이미지너비에서 구해진 문자열의 너비를 빼고 동일하게 $x_gap 을 더하면 됩니다.

else {//가운데

    $x = ceil(($image_width - $width + $x_gap) / 2);
}

가운데는 오른쪽 값을 나누기 2 해서 소숫점이 나오면 올림으로 처리 한것입니다.

if ($valign == 'top') {//상단

    $y = $y1 + $y_gap;
}

상단은 기본값으로써 $y1 의 값에 $y_gap 을 더한 것입니다.

else if ($valign == 'bottom') {//하단

    $y = $image_height + $y_gap;
}

하단은 이미지 높이에 $y_gap 을 더해 준 것입니다.

else {//가운데

    $y = ceil(($image_height + $height + $y_gap) / 2);
}

가운데는 이미지 높이에 문자열 높이 , $y_gap 을 더 하고 나누기 2 해준다음 소숫점은 올린것입니다. 

예제4 > study4.php

위 예제를 실행 하여 보면 각 위치별로 문자열이 잘 그려짐을 볼수 있습니다.

예제를 실행할 때에는 temp 디렉토리를 생성하고 퍼미션을 777 로 주어야 합니다.