제 강좌를 출처를 밝히고 외부로 퍼가는 것은 허용하지만,
다른 강좌의 자료나 책의 자료로 사용되거나 부분적인 인용은 허용하지 않습니다.
이미지에 글을 쓰거나 이미지를 합치거나 하는 등의 내용을 다루어 볼까 합니다.
나중에는 간단한 짤방 만들기 같은 것도 할수 있지 않을까 싶습니다.
이미지관련 > 쉬어가는 페이지 (기울기에 따른 위치 구해보기)
이전에 세번째 내용에서 imageftbbox 함수는 기울기가 있을때 정확한 결과를 주지 않는다고 했습니다.
http://apmusers.com/lecture/study3.php
그래서 이번 내용에서는
앞으로의 내용에는 포함하지 않을 예정이지만
어떻게 하면 기울기에 따른 좌표값을 정확히 구해 낼수 있을 까 하는 부분에 대해 다루어 보았습니다.
내용중에는 삼각함수가 포함되어있습니다.
이전 강좌처럼 x_gap, y_gap 값은 구하지는 않았습니다.
예제7 > study7.php
@error_reporting( E_ALL );
header("Content-Type: text/html; charset=UTF-8");
$font_file = './Daum_Regular.ttf';
$font_size = 40;
$text = 'FaggM';
$angles = Array(0, 45, 90, 135, 180, 225, 270, 315, -45, -90, -135, -180, -225, -270, -315);
?>
폰트파일 : <?php echo $font_file; ?><br>
폰트크기 : <?php echo $font_size; ?> px<br>
문자열 : <?php echo nl2br($text); ?><br>
<br>
<?php
//그래프를 그리기 위한 용도
$graph_size = 200;
$graph_font_size = 10;
//기울기가 0일때
$array = imageftbbox ( $font_size, 0, $font_file, $text );
// x 좌표의 최소값을 찾아서 0 을 기준으로 이동
$x_min = min($array[0], $array[2], $array[4], $array[6]) * -1;
$array[0] = $array[0] + $x_min;
$array[2] = $array[2] + $x_min;
$array[4] = $array[4] + $x_min;
$array[6] = $array[6] + $x_min;
// y 좌표의 최소값을 찾아서 0 을 기준으로 이동
$y_min = min($array[1], $array[3], $array[5], $array[7]) * -1;
$array[1] = $array[1] + $y_min;
$array[3] = $array[3] + $y_min;
$array[5] = $array[5] + $y_min;
$array[7] = $array[7] + $y_min;
$width = abs($array[4] - $array[0]);
$height = abs($array[1] - $array[5]);
foreach($angles as $k => $angle){
//그래프용
$im = imagecreatetruecolor($graph_size * 2, $graph_size * 2);
$red = imagecolorallocate($im, 0xFF, 0x00, 0x00);
$blue = imagecolorallocate($im, 0x00, 0x80, 0xFF);
$white = imagecolorallocate($im, 0xFF, 0xFF, 0xFF);
$black = imagecolorallocate($im, 0x00, 0x00, 0x00);
imagefilledrectangle($im, 0, 0, ($graph_size * 2) - 1, ($graph_size * 2) - 1, $white);
imageline ( $im , $graph_size , 0 , $graph_size, ($graph_size * 2) - 1 , $blue);//세로선
imageline ( $im , 0 , $graph_size , ($graph_size * 2) - 1, $graph_size , $blue);//가로선
imagefttext($im, $graph_font_size, 0, 185, 220, $black, $font_file, '0');
imagefttext($im, $graph_font_size, 0, 135, 20, $black, $font_file, 'Y축 음수');
imagefttext($im, $graph_font_size, 0, 135, 390, $black, $font_file, 'Y축 양수');
imagefttext($im, $graph_font_size, 0, 10, 220, $black, $font_file, 'X축 음수');
imagefttext($im, $graph_font_size, 0, 340, 220, $black, $font_file, 'X축 양수');
echo "<strong>기울기가 {$angle}도 일때</strong><br><br>" . PHP_EOL;
if ($angle == 0) {
$array2 = $array;
}
else {
$angle2 = $angle * -1;
if ($angle2 < 0)
$angle3 = $angle2 -90;
else
$angle3 = $angle2 + 90;
$rad2 = deg2rad($angle2);
$x2 = round(cos($rad2) * $width);
$y2 = round(sin($rad2) * $width);
$rad3 = deg2rad($angle3);
$x3 = round(cos($rad3) * $height) + $x2;
$y3 = round(sin($rad3) * $height) + $y2;
$x4 = round(cos($rad3) * $height);
$y4 = round(sin($rad3) * $height);
$array2 = Array();
$array2[0] = 0;
$array2[1] = 0;
$array2[2] = $x2;
$array2[3] = $y2;
$array2[4] = $x3;
$array2[5] = $y3;
$array2[6] = $x4;
$array2[7] = $y4;
$x_min2 = min($array2[0], $array2[2], $array2[4], $array2[6]) * -1;
$y_min2 = min($array2[1], $array2[3], $array2[5], $array2[7]) * -1;
$array2[0] = $array2[0] + $x_min2;
$array2[1] = $array2[1] + $y_min2;
$array2[2] = $array2[2] + $x_min2;
$array2[3] = $array2[3] + $y_min2;
$array2[4] = $array2[4] + $x_min2;
$array2[5] = $array2[5] + $y_min2;
$array2[6] = $array2[6] + $x_min2;
$array2[7] = $array2[7] + $y_min2;
}
imageline ( $im , $array2[0] + $graph_size , $array2[1] + $graph_size , $array2[2] + $graph_size, $array2[3] + $graph_size , $blue);
imageline ( $im , $array2[2] + $graph_size , $array2[3] + $graph_size , $array2[4] + $graph_size, $array2[5] + $graph_size , $blue);
imageline ( $im , $array2[4] + $graph_size , $array2[5] + $graph_size , $array2[6] + $graph_size, $array2[7] + $graph_size , $blue);
imageline ( $im , $array2[6] + $graph_size , $array2[7] + $graph_size , $array2[0] + $graph_size, $array2[1] + $graph_size , $blue);
if ($angle >= 0)
imagefttext($im, $font_size, $angle, $array2[0] + $graph_size, $array2[1] + $graph_size, $red, $font_file, $text);
else
imagefttext($im, $font_size, $angle, $array2[6] + $graph_size, $array2[7] + $graph_size, $red, $font_file, $text);
imagepng($im, 'temp/study7_' . ($k + 1) . '.png');
imagedestroy($im);
?>
<br>
<img src='temp/study7_<?php echo ($k + 1); ?>.png?<?php echo time(); ?>'>
<br><br>
<?php
}
?>
$angle2 = $angle * -1;
지정된 기울기에 곱하기 -1 을 하는 이유는
imageftbbox 에서 사용되는 기울기는 실제 기울기의 반대이기 때문에 그렇습니다.
if ($angle2 < 0)
$angle3 = $angle2 -90;
else
$angle3 = $angle2 + 90;
$angle3 은 긴변이 아닌 짧은 변쪽의 좌표를 구하기 위해 사용될 기울기 이며,
직각이므로 90 을 더하거나 빼주는 것입니다.
$rad2 = deg2rad($angle2);
$x2 = round(cos($rad2) * $width);
$y2 = round(sin($rad2) * $width);
$rad3 = deg2rad($angle3);
$x3 = round(cos($rad3) * $height) + $x2;
$y3 = round(sin($rad3) * $height) + $y2;
$x4 = round(cos($rad3) * $height);
$y4 = round(sin($rad3) * $height);
cos 이나 sin 같은 삼각함수용 함수는 기울기를 각도 그대로 받지 않고
라디안으로 변환된 값을 받습니다.
따라서 deg2rad 으로 기울기 를 라디안으로 변환다음 각 삼각함수에 대입하여
좌표들을 구합니다.
기준이 되는 점을 0, 0 으로 맞추어 두었기 때문에
너비와 높이는 변형없이 곱해주기만 하면 됩니다.
$array2 = Array();
$array2[0] = 0;
$array2[1] = 0;
$array2[2] = $x2;
$array2[3] = $y2;
$array2[4] = $x3;
$array2[5] = $y3;
$array2[6] = $x4;
$array2[7] = $y4;
$x_min2 = min($array2[0], $array2[2], $array2[4], $array2[6]) * -1;
$y_min2 = min($array2[1], $array2[3], $array2[5], $array2[7]) * -1;
$array2[0] = $array2[0] + $x_min2;
$array2[1] = $array2[1] + $y_min2;
$array2[2] = $array2[2] + $x_min2;
$array2[3] = $array2[3] + $y_min2;
$array2[4] = $array2[4] + $x_min2;
$array2[5] = $array2[5] + $y_min2;
$array2[6] = $array2[6] + $x_min2;
$array2[7] = $array2[7] + $y_min2;
이부분은 새로 구해진 기울기가 적용된 좌표가
음수 영역을 가질수 있기 때문에 다시 양수로 미는 부분입니다.
if ($angle >= 0)
imagefttext($im, $font_size, $angle, $array2[0] + $graph_size, $array2[1] + $graph_size, $red, $font_file, $text);
else
imagefttext($im, $font_size, $angle, $array2[6] + $graph_size, $array2[7] + $graph_size, $red, $font_file, $text);
원래 기울기가 음수 이면 기준점 꼭지점의 상단 점의 좌표를 기준점으로 삼습니다.
이유는 기울기가 음수 이면 결국 사각형이 뒤집힌거나 같기 때문입니다.
이번 내용은 그냥 심심풀이 쉬어가는 개념으로 이해해 주시면 될것 같습니다.
위 예제를 실행 하여 보면
각도에 따라 문자열이 위치해야 할 박스가 정확하게 그려져 있음을 볼수 있습니다.
예제를 실행할 때에는 temp 디렉토리를 생성하고 퍼미션을 777 로 주어야 합니다.
게시글 목록
| 번호 | 제목 |
|---|---|
| 27980 | |
| 7164 | |
| 31729 | |
| 31726 | |
| 31725 | |
| 31720 | |
| 31711 | |
| 7159 | |
| 27974 | |
| 19734 | |
| 19730 | |
| 19729 |
PHP
[알고리즘] 배열 역순
|
| 27969 | |
| 7142 | |
| 19728 |
jQuery
remove()를 이용하여 엘리먼트 삭제하기
|
| 19725 | |
| 7130 | |
| 19722 |
jQuery
동일 엘리먼트 순번 알아내기
2
|
| 19719 | |
| 7124 | |
| 19718 | |
| 19717 | |
| 19716 |
jQuery
position() 메서드 객체에 대한 좌표값
|
| 19715 | |
| 7122 | |
| 30959 | |
| 19714 | |
| 31710 |
jQuery Mobile
jQuery Mobile 강좌 19. Select Menus
|
| 31709 |
jQuery Mobile
jQuery Mobile 강좌 18. Text Inputs
|
| 19713 | |
| 7117 | |
| 19712 | |
| 7111 | |
| 31708 |
jQuery Mobile
jQuery Mobile 강좌 17. Form Basic
|
| 31707 |
jQuery Mobile
jQuery Mobile 강좌 16. Filters
|
| 19710 | |
| 31706 |
jQuery Mobile
jQuery Mobile 강좌 15. List Content
|
| 31705 |
jQuery Mobile
jQuery Mobile 강좌 14. List Views
|
| 31704 |
jQuery Mobile
jQuery Mobile 강좌 13. Layout Grids
|
| 19709 | |
| 19707 | |
| 31703 |
jQuery Mobile
jQuery Mobile 강좌 12. Tables
|
| 19706 |
jQuery
class가 있는지 없는지 체크하기
|
| 31702 |
jQuery Mobile
jQuery Mobile 강좌 11. Collapsibles
|
| 19705 |
PHP
배열에서 중복 값 없애기
|
| 31701 |
jQuery Mobile
jQuery Mobile 강좌 10. Panels
|
| 19704 | |
| 31700 |
jQuery Mobile
jQuery Mobile 강좌 9. Navigation Bars
|
| 31699 |
jQuery Mobile
jQuery Mobile 강좌 8. Toolbars
|
| 31698 |
jQuery Mobile
jQuery Mobile 강좌 7. Popups
|
| 7107 | |
| 19703 |
JavaScript
str_pad 자릿수만큼 특정문자로 채우기
|
| 31697 |
jQuery Mobile
jQuery Mobile 강좌 6. Icons
|
| 31696 |
jQuery Mobile
jQuery Mobile 강좌 5. Buttons
|
| 19702 | |
| 19701 | |
| 31695 |
jQuery Mobile
jQuery Mobile 강좌 4. Transitions
|
| 27965 | |
| 31694 |
jQuery Mobile
jQuery Mobile 강좌 3. Pages
|
| 19700 | |
| 31693 |
jQuery Mobile
jQuery Mobile 강좌 2. Install
|
| 19699 | |
| 31692 |
jQuery Mobile
jQuery Mobile 강좌 1. Introduction
|
| 31691 |
jQuery Mobile
jQuery Mobile 강좌 0.home
|
| 19698 | |
| 19697 | |
| 19696 |
jQuery
마우스 오버 위치에 따라 툴팁 생성 및 자동 이동
|
| 19694 | |
| 19693 |
jQuery
제이쿼리 동적으로 생성된 객체에 이벤트 생성하기
|
| 19692 | |
| 19691 | |
| 19690 |
JavaScript
shuffle 배열섞기
|
| 19689 |
jQuery
제이쿼리 모음 사이트
|
| 19688 |
PHP
1원팁] IP 대역 비교
|
| 19687 | |
| 7105 | |
| 30955 | |
| 7100 | |
| 19681 |
PHP
input 쉽게 관리하기
5
|
| 7097 | |
| 19678 |
JavaScript
서버시간을 사용한 전자시계
2
|
| 7089 | |
| 7086 | |
| 7084 | |
| 7082 | |
| 19677 | |
| 30953 | |
| 7080 | |
| 7077 | |
| 7071 | |
| 7070 | |
| 7066 | |
| 19676 |
JavaScript
구글 웹사이트 번역기를 내 사이트에 달기
|
| 19674 | |
| 27961 | |
| 7063 | |
| 7061 | |
| 19669 | |
| 7060 | |
| 20842 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기