문자열 그릴때 패딩 주기


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

강좌는 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,457
11년 전 조회 2,362
11년 전 조회 1,992
11년 전 조회 4,185
11년 전 조회 2,636
11년 전 조회 2,518
11년 전 조회 1,868
11년 전 조회 4,149
11년 전 조회 4,070
11년 전 조회 1,932
11년 전 조회 4,618
11년 전 조회 2,061
11년 전 조회 1,937
11년 전 조회 2,233
11년 전 조회 2,044
11년 전 조회 1,803
11년 전 조회 2,268
11년 전 조회 2,991
11년 전 조회 2,306
11년 전 조회 1,970
11년 전 조회 1,808
11년 전 조회 3,598
11년 전 조회 3,128
11년 전 조회 3,619
11년 전 조회 2,622
11년 전 조회 3,875
11년 전 조회 4,296
11년 전 조회 5,632
11년 전 조회 6,995
11년 전 조회 3,328
11년 전 조회 2,921
11년 전 조회 2,645
11년 전 조회 2,334
11년 전 조회 2,057
11년 전 조회 2,224
11년 전 조회 2,147
11년 전 조회 2,595
11년 전 조회 3,443
11년 전 조회 2,058
11년 전 조회 2,235
11년 전 조회 2,860
11년 전 조회 2,593
11년 전 조회 2,472
11년 전 조회 2,357
11년 전 조회 2,329
11년 전 조회 4,657
11년 전 조회 2,300
11년 전 조회 2,892
11년 전 조회 3,165
11년 전 조회 2,445
11년 전 조회 2,451
11년 전 조회 2,451
11년 전 조회 1,904
11년 전 조회 2,308
11년 전 조회 2,672
11년 전 조회 2,567
11년 전 조회 1,945
11년 전 조회 2,314
11년 전 조회 2,079
11년 전 조회 2,810
11년 전 조회 2,468
11년 전 조회 1,824
11년 전 조회 3,227
11년 전 조회 7,715
11년 전 조회 2,367
11년 전 조회 2,222
11년 전 조회 2,129
11년 전 조회 1,992
11년 전 조회 2,541
11년 전 조회 1,950
11년 전 조회 4,503
11년 전 조회 2,349
11년 전 조회 2,731
11년 전 조회 2,075
11년 전 조회 3,646
11년 전 조회 2,434
11년 전 조회 3,750
11년 전 조회 3,097
11년 전 조회 3,574
11년 전 조회 2,606
11년 전 조회 3,689
11년 전 조회 2,491
11년 전 조회 2,197
11년 전 조회 2,216
11년 전 조회 6,586
11년 전 조회 2,379
11년 전 조회 1,928
11년 전 조회 1,896
11년 전 조회 2,247
11년 전 조회 2,613
11년 전 조회 3,046
11년 전 조회 3,363
11년 전 조회 2,267
11년 전 조회 2,549
11년 전 조회 2,491
11년 전 조회 2,120
11년 전 조회 1,905
11년 전 조회 3,337
11년 전 조회 2,600
11년 전 조회 4,391