문자열 그릴때 패딩 주기


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

강좌는 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,900
11년 전 조회 2,767
11년 전 조회 2,433
11년 전 조회 4,606
11년 전 조회 3,032
11년 전 조회 2,911
11년 전 조회 2,286
11년 전 조회 4,596
11년 전 조회 4,293
11년 전 조회 2,323
11년 전 조회 5,034
11년 전 조회 2,485
11년 전 조회 2,381
11년 전 조회 2,670
11년 전 조회 2,467
11년 전 조회 2,223
11년 전 조회 2,651
11년 전 조회 3,390
11년 전 조회 2,705
11년 전 조회 2,407
11년 전 조회 2,246
11년 전 조회 3,999
11년 전 조회 3,567
11년 전 조회 3,855
11년 전 조회 3,036
11년 전 조회 4,312
11년 전 조회 4,704
11년 전 조회 6,066
11년 전 조회 7,450
11년 전 조회 3,753
11년 전 조회 3,306
11년 전 조회 3,063
11년 전 조회 2,762
11년 전 조회 2,492
11년 전 조회 2,663
11년 전 조회 2,577
11년 전 조회 3,033
11년 전 조회 3,897
11년 전 조회 2,480
11년 전 조회 2,670
11년 전 조회 3,298
11년 전 조회 2,980
11년 전 조회 2,878
11년 전 조회 2,828
11년 전 조회 2,741
11년 전 조회 5,082
11년 전 조회 2,698
11년 전 조회 3,324
11년 전 조회 3,543
11년 전 조회 2,880
11년 전 조회 2,894
11년 전 조회 2,879
11년 전 조회 2,342
11년 전 조회 2,742
11년 전 조회 3,087
11년 전 조회 3,038
11년 전 조회 2,346
11년 전 조회 2,717
11년 전 조회 2,502
11년 전 조회 3,240
11년 전 조회 2,876
11년 전 조회 2,236
11년 전 조회 3,633
11년 전 조회 8,156
11년 전 조회 2,778
11년 전 조회 2,647
11년 전 조회 2,533
11년 전 조회 2,415
11년 전 조회 2,979
11년 전 조회 2,335
11년 전 조회 4,921
11년 전 조회 2,759
11년 전 조회 3,138
11년 전 조회 2,502
11년 전 조회 4,044
11년 전 조회 2,826
11년 전 조회 4,175
11년 전 조회 3,489
11년 전 조회 3,997
11년 전 조회 2,991
11년 전 조회 4,082
11년 전 조회 2,927
11년 전 조회 2,614
11년 전 조회 2,592
11년 전 조회 6,957
11년 전 조회 2,801
11년 전 조회 2,337
11년 전 조회 2,291
11년 전 조회 2,674
11년 전 조회 3,035
11년 전 조회 3,459
11년 전 조회 3,781
11년 전 조회 2,704
11년 전 조회 2,965
11년 전 조회 2,924
11년 전 조회 2,524
11년 전 조회 2,344
11년 전 조회 3,727
11년 전 조회 2,987
11년 전 조회 4,801