문자열 그릴때 패딩 주기


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

강좌는 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년 전 조회 1,747
11년 전 조회 1,645
11년 전 조회 1,287
11년 전 조회 3,474
11년 전 조회 1,908
11년 전 조회 1,799
11년 전 조회 1,139
11년 전 조회 3,422
11년 전 조회 3,386
11년 전 조회 1,201
11년 전 조회 3,889
11년 전 조회 1,297
11년 전 조회 1,199
11년 전 조회 1,499
11년 전 조회 1,290
11년 전 조회 1,080
11년 전 조회 1,564
11년 전 조회 2,244
11년 전 조회 1,560
11년 전 조회 1,252
11년 전 조회 1,089
11년 전 조회 2,848
11년 전 조회 2,395
11년 전 조회 2,937
11년 전 조회 1,857
11년 전 조회 3,110
11년 전 조회 3,537
11년 전 조회 4,888
11년 전 조회 6,263
11년 전 조회 2,642
11년 전 조회 2,152
11년 전 조회 1,907
11년 전 조회 1,566
11년 전 조회 1,304
11년 전 조회 1,477
11년 전 조회 1,406
11년 전 조회 1,827
11년 전 조회 2,658
11년 전 조회 1,319
11년 전 조회 1,508
11년 전 조회 2,156
11년 전 조회 1,848
11년 전 조회 1,743
11년 전 조회 1,664
11년 전 조회 1,595
11년 전 조회 3,921
11년 전 조회 1,578
11년 전 조회 2,180
11년 전 조회 2,418
11년 전 조회 1,760
11년 전 조회 1,758
11년 전 조회 1,737
11년 전 조회 1,200
11년 전 조회 1,601
11년 전 조회 1,948
11년 전 조회 1,891
11년 전 조회 1,238
11년 전 조회 1,612
11년 전 조회 1,401
11년 전 조회 2,143
11년 전 조회 1,782
11년 전 조회 1,177
11년 전 조회 2,555
11년 전 조회 7,052
11년 전 조회 1,700
11년 전 조회 1,583
11년 전 조회 1,454
11년 전 조회 1,358
11년 전 조회 1,884
11년 전 조회 1,256
11년 전 조회 3,846
11년 전 조회 1,686
11년 전 조회 2,066
11년 전 조회 1,464
11년 전 조회 3,074
11년 전 조회 1,758
11년 전 조회 3,000
11년 전 조회 2,394
11년 전 조회 2,863
11년 전 조회 1,877
11년 전 조회 2,947
11년 전 조회 1,789
11년 전 조회 1,477
11년 전 조회 1,484
11년 전 조회 5,834
11년 전 조회 1,662
11년 전 조회 1,226
11년 전 조회 1,168
11년 전 조회 1,551
11년 전 조회 1,881
11년 전 조회 2,326
11년 전 조회 2,639
11년 전 조회 1,523
11년 전 조회 1,837
11년 전 조회 1,784
11년 전 조회 1,403
11년 전 조회 1,199
11년 전 조회 2,633
11년 전 조회 1,871
11년 전 조회 3,675