문자열 그릴때 패딩 주기


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

강좌는 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,688
11년 전 조회 2,576
11년 전 조회 2,214
11년 전 조회 4,408
11년 전 조회 2,843
11년 전 조회 2,711
11년 전 조회 2,089
11년 전 조회 4,398
11년 전 조회 4,216
11년 전 조회 2,130
11년 전 조회 4,826
11년 전 조회 2,285
11년 전 조회 2,170
11년 전 조회 2,480
11년 전 조회 2,277
11년 전 조회 2,015
11년 전 조회 2,468
11년 전 조회 3,174
11년 전 조회 2,506
11년 전 조회 2,204
11년 전 조회 2,045
11년 전 조회 3,809
11년 전 조회 3,362
11년 전 조회 3,784
11년 전 조회 2,852
11년 전 조회 4,101
11년 전 조회 4,530
11년 전 조회 5,853
11년 전 조회 7,230
11년 전 조회 3,531
11년 전 조회 3,125
11년 전 조회 2,856
11년 전 조회 2,565
11년 전 조회 2,268
11년 전 조회 2,455
11년 전 조회 2,376
11년 전 조회 2,810
11년 전 조회 3,684
11년 전 조회 2,280
11년 전 조회 2,464
11년 전 조회 3,092
11년 전 조회 2,802
11년 전 조회 2,676
11년 전 조회 2,617
11년 전 조회 2,547
11년 전 조회 4,868
11년 전 조회 2,514
11년 전 조회 3,114
11년 전 조회 3,361
11년 전 조회 2,671
11년 전 조회 2,691
11년 전 조회 2,674
11년 전 조회 2,131
11년 전 조회 2,519
11년 전 조회 2,884
11년 전 조회 2,807
11년 전 조회 2,161
11년 전 조회 2,529
11년 전 조회 2,304
11년 전 조회 3,024
11년 전 조회 2,682
11년 전 조회 2,038
11년 전 조회 3,430
11년 전 조회 7,947
11년 전 조회 2,576
11년 전 조회 2,466
11년 전 조회 2,340
11년 전 조회 2,214
11년 전 조회 2,765
11년 전 조회 2,159
11년 전 조회 4,727
11년 전 조회 2,569
11년 전 조회 2,943
11년 전 조회 2,300
11년 전 조회 3,849
11년 전 조회 2,620
11년 전 조회 3,960
11년 전 조회 3,298
11년 전 조회 3,782
11년 전 조회 2,795
11년 전 조회 3,882
11년 전 조회 2,707
11년 전 조회 2,410
11년 전 조회 2,384
11년 전 조회 6,782
11년 전 조회 2,581
11년 전 조회 2,117
11년 전 조회 2,105
11년 전 조회 2,463
11년 전 조회 2,823
11년 전 조회 3,265
11년 전 조회 3,570
11년 전 조회 2,490
11년 전 조회 2,758
11년 전 조회 2,727
11년 전 조회 2,327
11년 전 조회 2,141
11년 전 조회 3,529
11년 전 조회 2,795
11년 전 조회 4,604