본문 바로가기

분류 전체보기340

[HTML5] canvas를 이용한 Image Crop HTML5의 canvas를 이용해서 이미지의 특정 부분을 Crop 한다. 이미지에 crop할 범위를 그리는 방법은 이전 게시물을 참고한다. 이미지를 Crop 알고리즘은 다음과 같다. 1. 이미지에서 x(이미지의 LeftTop을 기준으로 Crop 범위의 LeftTop x 좌표), y(이미지의 LeftTop을 기준으로 Crop 범위의 LeftTop y 좌표), width(Crop 범위 사각형의 width), height(Crop 범위 사각형의 Height)를 구한다. 2. Crop한 이미지를 그릴 after div에 canvas Element를 새로 만들어준다. 3. 1번의 정보를 이용해 after div canvas에 image를 그려준다. ※참고 canvas.getContext('2d').drawImag.. 2021. 2. 27.
[HTML5] canvas에 마우스로 사각형 그리기 마우스로 사각형을 그리기 위해서, HTML5 canvas를 이용해본다. mousedown시에는 마우스 클릭상태를 on으로 변경하며, 사각형의 시작 x, y 좌표를 얻고, mousemove시 클릭 상태라면, 시작 x, y와 현재 마우스 point를 사용해 사각형을 그리고, mouseup시에는 마우스 클릭상태를 off로 변경한다. 2021. 2. 26.
인스탁스 스퀘어 SQ20 구매 후기 원래 폴라로이드 미니 9를 사용하고 있었는데, 생각보다 빛 조절도 어려워서 낭비하는 필름이 절반이었다.. 친구를 통해서 하이브리드 폴라로이드 카메라가 있다는 걸 알게 되었고, 바로 질러버렸다 :) 하이브리드 카메라라 찍고나서, 내가 원하는 사진을 선택해서 출력할 수 있다는 게 좋은 것 같다. 후지필름몰 [수량한정] 인스탁스 SQ20 ★액정보호필름+메모리카드+리더기 증정★ [수량한정] 인스탁스 SQ20 ★액정보호필름+메모리카드+리더기 증정★ 후지필름 공식 온라인 쇼핑몰, 포토북, 이어앨범, 사진인화, 즉석카메라 인스탁스, 스마트폰 프린터 피킷 등 판매 www.fujifilm.co.kr 후지필름몰에서 228,000원에 구매하였으며, 사진과 같은 구성품이 들어있다. 사진 순서대로 메모리카드, C타입 전용 OT.. 2021. 2. 17.
[PHP] $_FILES 오류 메시지 $_FILES는 HTTP 파일 업로드 변수로, HTTP POST 매서드를 통해 현재 스크립트에 업로드된 항목의 배열이다. $_FILES 업로드 시 발생할 수 있는 에러 종류를 알아보도록 한다. 오류 값 찾기 (PHP 디버깅 방법) php는 error_log() 함수를 통해 디버깅할 수 있다. $_FILES['[userFileName]']은 배열이므로 error_log(print_r($_FILES['[userFileName]'], TRUE) 와 같이 사용해야한다. (또는 $_FILES['[userFileName]']['error']로 error 값만 따로 찾아 출력할 수 있다.) apache2 환경에서의 error log 파일의 경로는 아래와 같다. sudo tail -f /var/log/apache2/e.. 2021. 2. 16.
[레드프린팅] 폰 스트랩 제작하기 연차내고 쉬는 사이에, 동생이 부탁한 디자인으로 폰 스트랩을 만들었다. 귀멸의 칼날 캐릭터 어깨에 도포? 천쪼가리 문양이다.. 연휴가 끼어서 거의 1주일만에 배송이 왔다. 색상은 생각했던 것보다 주황빛이 돌지만, 당사자가 만족하니 PASS 제품 정보는 다음과 같다. 재질 : 폴리에스터 13미리 가격 : - 단면 : 4,000 + 400(부가세) = 4,400원 - 양면 : 6,000 + 600(부가세) = 6,600원 +) 클리어케이스 : 후가공비 3000원 추가 (붙여서 오는건가?) 단면으로해서, 작은무늬, 큰 무늬 두 가지 도안을 발주 넣어서, 총 8,800원이 나왔다. 단면 뒷 면의 색은 흰색이었다. 검정도 있는지 잘 모르겠다. 폰 스트랩은 처음 만들어보는데, 생각보다 괜찮아서 시간나면 내 것도 하.. 2021. 2. 15.
[프로그래머스][Level2] 오픈채팅방 문제 설명 카카오톡 오픈채팅방에서는 친구가 아닌 사람들과 대화를 할 수 있는데, 본래 닉네임이 아닌 가상의 닉네임을 사용하여 채팅방에 들어갈 수 있다. 신입사원인 김크루는 카카오톡 오픈 채팅방을 개설한 사람을 위해, 다양한 사람들이 들어오고, 나가는 것을 지켜볼 수 있는 관리자창을 만들기로 했다. 채팅방에 누군가 들어오면 다음 메시지가 출력된다. [닉네임]님이 들어왔습니다. 채팅방에서 누군가 나가면 다음 메시지가 출력된다. [닉네임]님이 나갔습니다. 채팅방에서 닉네임을 변경하는 방법은 다음과 같이 두 가지이다. 채팅방을 나간 후, 새로운 닉네임으로 다시 들어간다. 채팅방에서 닉네임을 변경한다. 닉네임을 변경할 때는 기존에 채팅방에 출력되어 있던 메시지의 닉네임도 전부 변경된다. 예를 들어, 채팅방에 Mu.. 2021. 2. 14.
반응형