본문 바로가기

SNS

카드뉴스 편집기

Card News Editor

카드별 이미지 편집

선택한 이미지는 서버로 전송하지 않고 현재 브라우저 화면에서만 처리합니다.

카드뉴스 편집기 사용 방법

카드 하나가 이미지 한 장입니다. 카드를 추가하면 좌측 편집 옵션과 우측 미리보기가 나뉜 편집 카드가 아래에 생기고, 위/아래 버튼으로 화면에 보이는 순서를 바꿀 수 있습니다.

기본 사용 순서

카드 한 장 만들기

이미지를 선택하고 제목과 내용을 입력한 뒤 각각의 글자 크기, 색상, 위치를 조정합니다. 저장 버튼을 누르면 현재 카드가 PNG 파일로 저장됩니다.

여러 장 만들기

카드 추가 버튼으로 편집창을 늘립니다. 각 편집창은 독립된 카드이며, 위에서 아래로 보이는 순서가 저장 순서입니다.

처리 방식

이 도구는 HTML canvas와 JavaScript만 사용합니다. 이미지는 브라우저에서 읽어 미리보기 캔버스에 그려지고, 제목과 내용 텍스트도 각각의 스타일 값으로 같은 캔버스 위에 합성됩니다.

제한 사항

첫 버전은 썸네일 목록, 드래그 정렬, 레이어 패널, 실행 취소 기능을 제공하지 않습니다. 대신 카드 편집창을 순서대로 쌓아 카드뉴스 흐름을 직접 확인하는 방식에 집중했습니다.

자주 묻는 질문

여러 카드를 한 번에 ZIP으로 저장하나요?

아직 ZIP 저장은 넣지 않았습니다. 전체 저장 버튼은 카드별 PNG 다운로드를 순서대로 실행합니다.

사진이 서버에 업로드되나요?

아니요. 선택한 이미지는 브라우저 안에서만 처리되며 서버로 전송하지 않습니다.