Community

개발자 99% 커뮤니티에서 수다 떨어요!

← Go back
짤방이미지에 원하는 문구를 넣어보자!!! 🔹웹툴🔹 이미지 텍스트 편집기
#side_projects
3년 전
2,601
4

<< 서비스명: 이미지 텍스트 편집기 >>

undefined

undefined

  • (1) 자기소개 인천에 사는 취준생입니다. 개발자가 되기 위해 처음으로 배울 강의 영상을 물색하던 중 유튜브의 노마드코더 체널을 접한 후 니코샘의 특유의 매력에 빠져 결국 코코아톡 클론코딩 강의로 입문하여 코딩의 세계에 더더욱 빠지게 되는 파국(?)에 몰아놓고 말았습니다. 😁
  • (2) 서비스 소개 사용자가 로컬 내에 가지고 있는 이미지 파일을 선택해 불려오고 입력창에 원하는 글자를 입력해 원하는 위치에 마우스클릭으로 텍스트를 붙인 후 이미지로 가져오기 버튼을 누르면 이미지에 텍스트가 합성되어 완성된 파일을 만들 수 있습니다. 이미지를 불러올 때 가로 사이즈는 600px에 고정되며 본래 이미지의 화면비율(aspect ratio) 에 맞게 세로 사이즈가 가변합니다.
  • (3) 시작하게된 계기 이미지에 간단히 텍스트를 넣고 사용자에게 보여주고 싶었는데 심플한 텍스트 편집기가 생각보다 잘 안보여서 직접 만들어 써야겠다고 생각한게 계기입니다.
  • (4) 개발 HTML5 canvas API 기반에 순수 javascript 로 작업하였습니다. 혼자서 1주 정도 걸렸습니다!
  • (5) 바라는 것은? 너무너무 간단한 편집기이지만 단 몇 사람이라도 유용하게 쓸 수 있었으면 좋겠습니다.
4 comments