Softonic

SVG 텍스트 전광판 생성기

x-init="restore()" >
단계 1 / 2
다음

독립형 SVG 파일로 간단한 움직이는 텍스트 배너를 만드세요. 이 도구는 브라우저에서 파일을 만들고 입력한 텍스트를 두 번 반복하여 오른쪽에서 왼쪽으로 움직입니다. 텍스트만 지원하며 로고, 이미지, 사용자 글꼴, 투명 배경은 가져올 수 없습니다.

애니메이션 SVG 텍스트 배너 만들기

  1. 1

    배너 텍스트 입력

    흘려 보낼 메시지를 입력하세요. 생성된 SVG는 이 텍스트를 두 번 반복합니다.

  2. 2

    애니메이션 시간 설정

    3초에서 40초 사이로 선택합니다. 텍스트는 항상 오른쪽에서 왼쪽으로 이동합니다.

  3. 3

    캔버스 조정

    너비 300~1,600 px, 높이 40~200 px, 글자 크기 14~80 px를 선택하세요.

  4. 4

    색 선택 및 내보내기

    텍스트와 배경색을 고른 뒤 SVG 코드를 복사하거나 marquee.svg를 내려받으세요.

내보낸 SVG에 포함되는 내용

내려받는 파일은 하나의 SVG입니다. Inter, Arial, sans-serif 글꼴 스택의 굵은 텍스트, 입력 텍스트의 이어진 두 복사본, 단색 배경 사각형, SVG <animate> 요소가 들어 있습니다. 애니메이션은 오른쪽 가장자리에서 왼쪽으로 텍스트를 이동시키고 무한 반복합니다. 내보낸 파일에는 JavaScript나 외부 자산이 없습니다.

호환성과 제한

모든 SVG 뷰어나 플랫폼이 애니메이션을 같은 방식으로 처리하지는 않습니다. 브라우저에서는 배너가 움직여도 이메일 클라이언트, 문서 편집기 또는 콘텐츠 필터에서는 정적 텍스트로 보이거나 SVG 또는 애니메이션이 제거될 수 있습니다. 사용할 위치에서 파일을 테스트하세요.

이 편집기는 고정된 오른쪽에서 왼쪽 방향, 고정된 굵은 글꼴 스택, 단색 선택기를 사용합니다. 이미지나 로고, 글꼴 가족이나 굵기, 접근성 메타데이터를 추가할 수 없으며 모든 텍스트 길이에서 끊김 없는 반복을 보장하지 않습니다.

개인정보

텍스트와 설정은 브라우저에서 로컬로 생성됩니다. 두 단계 편집 중에는 다음 단계까지 유지되도록 이 탭의 세션 저장소에만 보관됩니다. 당사 서버로 전송되거나 URL에 포함되지 않습니다. 처음부터 다시 시작하거나 탭을 닫으면 저장된 데이터가 삭제됩니다.

자주 묻는 질문

아니요. 파일에는 JavaScript가 아니라 SVG 애니메이션 요소가 들어 있습니다. 재생 여부는 뷰어나 플랫폼에 달려 있습니다.

이 편집기에서는 안 됩니다. 텍스트는 항상 오른쪽에서 왼쪽으로 이동합니다.

아니요. 미리 보기, 복사, 다운로드는 브라우저에서 생성됩니다. 단계 사이에는 세션 설정만 탭에 남습니다.

관련 도구

Material Design 색상 선택기

Material Design 색상 팔레트를 둘러보세요. 어떤 음영(50부터 A700까지)이든 HEX, RGB, HSL로 한 번에 복사합니다.

십자수 도안 만들기

JPEG, PNG, WebP를 10–150칸, 2–40가지 전용 색상, 기호, 정확한 스티치 수와 원단 크기가 포함된 인쇄용 십자수 도안으로 변환하세요.

이미지 포맷 변환기

브라우저에서 바로 이미지를 JPG, PNG, WebP로 변환하세요. 손실 형식의 품질을 조절하고 PNG와 WebP의 투명도는 그대로 유지됩니다.

모눈종이 생성기

인쇄용 모눈종이를 온라인으로 만드세요: 사각 또는 점 격자를 선택하고 간격을 mm로 설정하며 A4 또는 Letter와 원하는 선 색을 지정한 뒤, 인쇄하거나 선명한 SVG로 내려받으세요.

Pantone to HEX 변환기

화면과 인쇄 매칭을 위해 Pantone PMS 색상을 가장 가까운 HEX, RGB, CMYK 값으로 변환하고 견본 미리보기를 제공합니다.

깃발 만들기

여섯 가지 레이아웃, 색상, 텍스트, 기호로 간단한 맞춤 3:2 깃발을 브라우저에서 디자인하세요. SVG 또는 PNG를 내려받거나 브라우저 인쇄 대화상자를 열 수 있습니다.

이 도구는 다른 언어로도 제공됩니다