문자열 그릴때 패딩 주기


대단할것은 없는 강좌이지만,
제 강좌를 출처를 밝히고 외부로 퍼가는 것은 허용하지만,
다른 강좌의 자료나 책의 자료로 사용되거나 부분적인 인용은 허용하지 않습니다.

강좌는 php 5. 대를 기준으로 하며, 이미지 관련을 다룹니다.
이미지에 글을 쓰거나 이미지를 합치거나 하는 등의 내용을 다루어 볼까 합니다.
나중에는 간단한 짤방 만들기 같은 것도 할수 있지 않을까 싶습니다.

이미지관련 > 문자열 그릴때 패딩 주기   

 

이번 내용은 이전 내용에서 만든 image_text 함수에서 $padding 처리를 추가하였습니다. 

상단, 하단, 왼쪽, 오른쪽에 문자열을 그릴때 지정한 $padding 만큼의 띄우기 위하여 추가되었습니다.

 

 

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

    $x = $x1 + $x_gap + $padding;
}
else if ($align == 'right') {//오른쪽

    $x = $image_width - $width + $x_gap - $padding;
}
else {//가운데

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

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

    $y = $y1 + $y_gap + $padding;
}
else if ($valign == 'bottom') {//하단

    $y = $image_height + $y_gap - $padding;
}
else {//가운데

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

   

이전에 만들엇던 image.lib.20140723.php 파일에서

위의 부분만 수정하여 image.lib.20140727.php 파일을 만들었습니다.

 

위 내용에서 보다시피  

left 일때는 글자가 오른쪽으로 이동하여야 하기 때문에 + $padding

right 일때는 글자가 왼쪽으로 이동하여야 하기 때문에 - $padding

top 일때는 글자가 아래로 이동하여야 하기 때문에 + $padding

bootom 일때는 글자가 위로 이동하여야 하기 때문에 - $padding

처리 하였습니다.

 

 

예제5 > study5.php

 

<?php

@error_reporting( E_ALL );
header("Content-Type: text/html; charset=UTF-8");

include_once('image.lib.20140727.php');



$font_file = './Daum_Regular.ttf';
$font_size = 30;
$angle = 0;
$text = 'FagM가합';
$padding = 10;

$array = list($x1, $y1, $x2, $y2, $x3, $y3, $x4, $y4, $width, $height, $x_gap, $y_gap) = image_box ($font_file, $font_size, $angle, $text);

?>

폰트파일 : <?php echo $font_file?><br>

폰트크기 : <?php echo $font_size?> px<br>

기울기 : <?php echo $angle?><br>

문자열 : <?php echo $text?><br>

패딩 : <?php echo $padding?> px<br>
<br>

<?php

$aligns = Array('left', 'center', 'right');
$valigns = Array('top', 'middle', 'bottom');

$i = 1;
foreach($aligns as $align){

    foreach($valigns as $valign){

        $im = imagecreatetruecolor(300, 300);
        $red = imagecolorallocate($im, 0xFF, 0x00, 0x00);
        $blue = imagecolorallocate($im, 0x00, 0x80, 0xFF);
        $white = imagecolorallocate($im, 0xFF, 0xFF, 0xFF);
        $black = imagecolorallocate($im, 0x00, 0x00, 0x00);
        $gray = imagecolorallocate($im, 0XD0, 0XD0, 0XD0);

        imagefilledrectangle($im, 0, 0, 299, 299, $gray);

        image_text ($im, $font_file, $font_size, $black, $angle, $text, $align, $valign, $padding);

        imagepng($im, 'temp/study5_' . $i . '.png');
        imagedestroy($im);

        ?>

        <br><br>
        <strong><?php echo $align; ?>,  <?php echo $valign; ?></strong><br>

        <img src='temp/study5_<?php echo $i; ?>.png?<?php echo time();?>'>
        <br><br>

        <?php

        $i++;
    }
}

?>

 

 

위 예제를 실행 하여 보면 각 위치별로 문자열이 그려질때 주어진 $padding 만큼 떨어져서 그려짐을 볼수 있습니다. 

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

 

첨부파일

Daum_Regular.ttf (1.2 MB) 3회 2014-07-27 00:35
|
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

+
제목 글쓴이 날짜 조회
11년 전 조회 2,799
11년 전 조회 2,663
11년 전 조회 2,322
11년 전 조회 4,505
11년 전 조회 2,930
11년 전 조회 2,815
11년 전 조회 2,173
11년 전 조회 4,488
11년 전 조회 4,259
11년 전 조회 2,215
11년 전 조회 4,935
11년 전 조회 2,382
11년 전 조회 2,269
11년 전 조회 2,569
11년 전 조회 2,368
11년 전 조회 2,116
11년 전 조회 2,548
11년 전 조회 3,289
11년 전 조회 2,608
11년 전 조회 2,303
11년 전 조회 2,148
11년 전 조회 3,913
11년 전 조회 3,473
11년 전 조회 3,827
11년 전 조회 2,950
11년 전 조회 4,214
11년 전 조회 4,620
11년 전 조회 5,967
11년 전 조회 7,322
11년 전 조회 3,634
11년 전 조회 3,215
11년 전 조회 2,965
11년 전 조회 2,664
11년 전 조회 2,382
11년 전 조회 2,556
11년 전 조회 2,465
11년 전 조회 2,923
11년 전 조회 3,790
11년 전 조회 2,374
11년 전 조회 2,567
11년 전 조회 3,188
11년 전 조회 2,887
11년 전 조회 2,770
11년 전 조회 2,716
11년 전 조회 2,642
11년 전 조회 4,971
11년 전 조회 2,612
11년 전 조회 3,222
11년 전 조회 3,463
11년 전 조회 2,775
11년 전 조회 2,797
11년 전 조회 2,771
11년 전 조회 2,240
11년 전 조회 2,625
11년 전 조회 2,980
11년 전 조회 2,929
11년 전 조회 2,256
11년 전 조회 2,628
11년 전 조회 2,400
11년 전 조회 3,143
11년 전 조회 2,769
11년 전 조회 2,130
11년 전 조회 3,550
11년 전 조회 8,056
11년 전 조회 2,680
11년 전 조회 2,558
11년 전 조회 2,425
11년 전 조회 2,313
11년 전 조회 2,873
11년 전 조회 2,249
11년 전 조회 4,824
11년 전 조회 2,677
11년 전 조회 3,049
11년 전 조회 2,404
11년 전 조회 3,952
11년 전 조회 2,726
11년 전 조회 4,079
11년 전 조회 3,394
11년 전 조회 3,882
11년 전 조회 2,897
11년 전 조회 3,994
11년 전 조회 2,817
11년 전 조회 2,513
11년 전 조회 2,485
11년 전 조회 6,874
11년 전 조회 2,693
11년 전 조회 2,237
11년 전 조회 2,204
11년 전 조회 2,564
11년 전 조회 2,933
11년 전 조회 3,369
11년 전 조회 3,660
11년 전 조회 2,604
11년 전 조회 2,860
11년 전 조회 2,812
11년 전 조회 2,414
11년 전 조회 2,246
11년 전 조회 3,629
11년 전 조회 2,879
11년 전 조회 4,703