이미지에 문자열을 그릴때 개행된 라인들까지도 정렬하기
제 강좌를 출처를 밝히고 외부로 퍼가는 것은 허용하지만,
다른 강좌의 자료나 책의 자료로 사용되거나 부분적인 인용은 허용하지 않습니다.
이미지에 글을 쓰거나 이미지를 합치거나 하는 등의 내용을 다루어 볼까 합니다.
나중에는 간단한 짤방 만들기 같은 것도 할수 있지 않을까 싶습니다.
이미지관련 > 이미지에 문자열을 그릴때 개행된 라인들까지도 정렬하기
이전 내용에서 위치에 따른 문자열을 그리는 것에 대해 다룬적이 있습니다.
이번 내용은 문자열이 여러 라인일때도 정렬이 되도록 하는 것을 다루었습니다.
전체 문자열을 하나의 문자열로 취급해서 그리면 전부 왼쪽에서 부터 그려지기 때문에
\n 을 기준으로 문자열을 잘라서 각각 처리하도록 하였으며,
각라인의 시작점을 뽑는 것이 문제의 핵심입니다.
image.lib.20140801.php > 추가된부분
생성된 이미지 리소스에 지정된 문자열을 원하는 위치에 imagefttext 를 사용하여 그림
image_text 와 다른 점은 center, right 일때 개행된 부분도 같이 정렬되도록 그림
$align = > left, center, right
$valign = > top, middle, bottom
$padding => 정렬될 위치로 얼마만큼 띄울것인가, int
$auto_newline => 전달받은 문자열이 이미지의 너비보다 클때 적절하게 잘라서 개행시켜줄지 여부, true 일때 적용
return true or false
*/
function image_text_align (&$image, $font_file, $font_size, $font_color, $angle, $text, $align='left', $valign='top', $padding=0, $auto_newline=true) {
if (!is_resource($image))
return false;
$font_file = trim($font_file);
if (!is_file($font_file))
return false;
$font_size = (float)$font_size;
$font_color = (int)$font_color;
$angle = (float)$angle;
$align = trim($align);
$valign = trim($valign);
$padding = (int)$padding;
if (!in_array($align, array('left', 'center', 'right')))
$align = 'left';
if ($align == 'left') {
return image_text ($image, $font_file, $font_size, $font_color, $angle, $text, $align, $valign, $padding, $auto_newline);
}
if (!in_array($valign, array('top', 'middle', 'bottom')))
$align = 'top';
if ($auto_newline !== true)
$auto_newline = false;
$image_width = imagesx($image);//이미지의 너비
$image_height = imagesy($image);//이미지의 높이
//자동 개행
if ($auto_newline === true) {
$array = list($x1, $y1, $x2, $y2, $x3, $y3, $x4, $y4, $width, $height, $x_gap, $y_gap) = image_box_auto_newline ($font_file, $font_size, $angle, $text, $padding, $image_width);
}
else {
$array = list($x1, $y1, $x2, $y2, $x3, $y3, $x4, $y4, $width, $height, $x_gap, $y_gap) = image_box ($font_file, $font_size, $angle, $text);
}
if (strstr($text, "\n") === false) {
return image_text ($image, $font_file, $font_size, $font_color, $angle, $text, $align, $valign, $padding, $auto_newline);
}
$text_array = explode("\n", $text);
$y_gap2 = 0;
foreach($text_array as $k_ => $text_){
$text_ = trim($text_);
$array_ = list($x1_, $y1_, $x2_, $y2_, $x3_, $y3_, $x4_, $y4_, $width_, $height_, $x_gap_, $y_gap_) = image_box ($font_file, $font_size, $angle, $text_);
if ($align == 'right') {//오른쪽
$x = $image_width - $width_ + $x_gap_ - $padding;
}
else {//가운데
$x = ceil(($image_width - $width_) / 2) + $x_gap_;
}
if ($valign == 'top') {//상단
$y = $y1_ + $y_gap_ + $padding + $y_gap2;
}
else if ($valign == 'bottom') {//하단
if ($k_ == 0)
$y = $image_height + $y_gap_ - $padding - $height + $height_;
else
$y = $image_height + $y_gap_ - $padding - $height + $height_ + $y_gap2;
}
else {//가운데
if ($k_ == 0)
$y = ceil(($image_height + $height) / 2) + $y_gap_ - $height + $height_;
else
$y = ceil(($image_height + $height) / 2) + $y_gap_ - $height + $height_ + $y_gap2;
}
imagefttext($image, $font_size, $angle, $x, $y, $font_color, $font_file, $text_);
$y_gap2 += $height_ + $y_gap_ + ceil($font_size * 0.5);
}
return true;
}
image_text 도 원래 고유기능으로 필요하기 때문에
image_text_align 이라는 함수를 추가하였습니다.
image_text_align (&$image, $font_file, $font_size, $font_color, $angle, $text, $align='left', $valign='top', $padding=0, $auto_newline=true)
사용법은 기존 image_text 와 동일합니다.
if ($align == 'left') {
return image_text ($image, $font_file, $font_size, $font_color, $angle, $text, $align, $valign, $padding, $auto_newline);
}
왼쪽 정렬을 사용할경우에는 굳이 문자열을 라인별로 쪼개서 처리할 필요가 없기 때문에 기존 함수로 return 시켰습니다.
if (strstr($text, "\n") === false) {
return image_text ($image, $font_file, $font_size, $font_color, $angle, $text, $align, $valign, $padding, $auto_newline);
}
또, 문자열 자체가 한라인이라면 쪼개서 처리할 필요가 없기 때문에 역시 기존 함수로 return 시켰습니다.
$text_array = explode("\n", $text);
$y_gap2 = 0;
foreach($text_array as $k_ => $text_){
$text_ = trim($text_);
$array_ = list($x1_, $y1_, $x2_, $y2_, $x3_, $y3_, $x4_, $y4_, $width_, $height_, $x_gap_, $y_gap_) = image_box ($font_file, $font_size, $angle, $text_);
if ($align == 'right') {//오른쪽
$x = $image_width - $width_ + $x_gap_ - $padding;
}
else {//가운데
$x = ceil(($image_width - $width_) / 2) + $x_gap_;
}
if ($valign == 'top') {//상단
$y = $y1_ + $y_gap_ + $padding + $y_gap2;
}
else if ($valign == 'bottom') {//하단
if ($k_ == 0)
$y = $image_height + $y_gap_ - $padding - $height + $height_;
else
$y = $image_height + $y_gap_ - $padding - $height + $height_ + $y_gap2;
}
else {//가운데
if ($k_ == 0)
$y = ceil(($image_height + $height) / 2) + $y_gap_ - $height + $height_;
else
$y = ceil(($image_height + $height) / 2) + $y_gap_ - $height + $height_ + $y_gap2;
}
imagefttext($image, $font_size, $angle, $x, $y, $font_color, $font_file, $text_);
$y_gap2 += $height_ + $y_gap_ + ceil($font_size * 0.5);
}
라인별로 문자열을 짤라서 배열로 저장하고
양옆 공백을 제거한다음 top, middle, bottom 시 시작점 위치잡아 준 다음
개별적으로 하나씩 문자열을 그려나가는 부분입니다.
ceil($font_size * 0.5) 은 기본적인 line-height 값이라고 보시면 됩니다.
예제8 > study8.php
@error_reporting( E_ALL );
header("Content-Type: text/html; charset=UTF-8");
include_once('image.lib.20140801.php');
$font_file = './Daum_Regular.ttf';
$font_size = 15;
$angle = 0;
$text = '동해물과 백두산이 마르고
닳도록 하느님이
보우하사 우리
나라 만세';
$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 nl2br($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_align ($im, $font_file, $font_size, $black, $angle, $text, $align, $valign, $padding);
imagepng($im, 'temp/study8_' . $i . '.png');
imagedestroy($im);
?>
<br><br>
<strong><?php echo $align; ?>, <?php echo $valign; ?></strong><br>
<img src='temp/study8_<?php echo $i; ?>.png?<?php echo time(); ?>'>
<br><br>
<?php
$i++;
}
}
?>
예제를 실행할 때에는 temp 디렉토리를 생성하고 퍼미션을 777 로 주어야 합니다.
댓글 2개
게시글 목록
| 번호 | 제목 |
|---|---|
| 5722 | |
| 31534 | |
| 5717 | |
| 19190 |
JavaScript
레이어팝업 스크립트 문의
1
|
| 19181 |
기타
vi로 URL 열기
8
|
| 19177 |
JavaScript
1원짜리팁 현재 사이트 쿠키 알아내기
3
|
| 19173 |
JavaScript
1원짜리팁 자바스크립트로 좌우 공백 제거구현하기
3
|
| 19171 | |
| 27353 | |
| 19169 | |
| 24530 | |
| 27350 | |
| 19161 | |
| 19159 | |
| 19156 | |
| 19154 |
PHP
캐쉬 삭제
1
|
| 19152 | |
| 19150 |
PHP
절댓값 리턴 함수
1
|
| 19147 |
JavaScript
자동 스크롤바 사용하기
2
|
| 19145 |
JavaScript
일주기 시간대별로 플래시무비 자동 교체시키기
1
|
| 19143 |
JavaScript
TEXTATEA 창늘리기~
1
|
| 19141 | |
| 30830 | |
| 19135 |
jQuery
상단 가운데 정렬 , 스크롤시 상단에 고정...
5
|
| 19129 | |
| 19124 |
jQuery
제이쿼리 효과2입니다.
4
|
| 19118 |
jQuery
제이쿼리 fadein 효과
5
|
| 19115 | |
| 19111 |
JavaScript
페이스북 댓글창, 좋아요 달기
3
|
| 19108 |
PHP
IP중간 * 표시 하기
2
|
| 19104 |
JavaScript
글자 깜박임 blink 익스에서 구현
3
|
| 19101 | |
| 19098 | |
| 19094 |
JavaScript
select선택에따른추가select동적으로보여주기
3
|
| 27342 | |
| 19093 | |
| 26548 | |
| 19090 | |
| 19088 |
JavaScript
두 종류의 메뉴셋 사용시 메뉴선택 표시 문제
1
|
| 19086 | |
| 24524 | |
| 31526 | |
| 26539 | |
| 32021 | |
| 32015 | |
| 5705 | |
| 26533 |
견적서
견적서의뢰 ....
5
|
| 24510 | |
| 26524 | |
| 24507 | |
| 24506 | |
| 19082 | |
| 24498 | |
| 5702 | |
| 27337 | |
| 32011 | |
| 19080 | |
| 19075 | |
| 19073 | |
| 19072 |
JavaScript
도와주세요~
|
| 27330 | |
| 27328 | |
| 32010 | |
| 32005 | |
| 32001 | |
| 19071 |
JavaScript
자바스크립트 입문자인데..이미지 변경 스크립트..좀 도와주세여
|
| 19063 |
jQuery
list sort에 좋은것
7
|
| 31998 | |
| 31994 | |
| 5676 | |
| 27327 | |
| 31989 | |
| 5671 | |
| 5666 | |
| 19056 |
jQuery
참 좋은 이미지 슬라이딩 라이브러리
6
|
| 31988 | |
| 31987 | |
| 31981 | |
| 26515 |
계약서
홈페이지 제작 계약서
8
|
| 30823 | |
| 19050 |
Mobile
모바일로 접속했는지 확인하기.,
5
|
| 19047 | |
| 19039 |
MySQL
트리거 사용법에 관하여..
7
|
| 31969 | |
| 5649 | |
| 27323 | |
| 31963 | |
| 19027 | |
| 19020 | |
| 19017 | |
| 19014 | |
| 19009 |
PHP
페이스 댓글, 좋아요 달기
4
|
| 19005 |
JavaScript
페이스북 댓글창 좋아요 달기
3
|
| 31949 | |
| 18998 |
PHP
문자열 자르기 입니다.
6
|
| 18994 |
PHP
정규식에 관한 내용입니다.
3
|
| 18988 |
PHP
우분투서버 셋팅버입니다
5
|
| 18982 |
PHP
js, php 배열 연결
5
|
| 31941 | |
| 31934 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기