디자인( CSS) · 로컬에서 실행됨

HTML에서 SVG로 변환기

정리된 HTML 조각을 다양한 표시 크기에서 텍스트와 레이아웃이 선명하게 유지되는 확장 가능한 SVG 캔버스로 변환합니다.

결과

준비 완료. 작업 데이터는 이 브라우저에 유지됩니다.

이 도구가 유용한 이유

원격 리소스를 포함하지 않는 HTML로 독립형 벡터 목업, 문서용 그림 또는 재사용 가능한 인터페이스 샘플을 만드세요.

브라우저는 실행 가능하고 네트워크 기능이 있는 마크업을 제거하고, 남은 XHTML을 SVG foreignObject 안에 감싼 다음, 정확한 경계가 지정된 캔버스를 텍스트로 내보냅니다.

1200 × 630 제품 카드를 렌더링하고, 생성된 SVG 소스를 검사한 뒤 반응형 문서 페이지용 벡터 아티팩트를 유지하세요.

계산은 결정적이며, 잘못된 입력을 조용히 변경하는 대신 유효성 검사 오류를 설명합니다.

입력과 출력은 이 탭에 그대로 유지됩니다. 복사와 다운로드는 서버 업로드 없이 브라우저 API를 통해 이루어집니다.

각 실행은 해당 도구 모드, 타임스탬프, 입력/출력 크기를 보고하므로 변환된 데이터를 감사할 수 있습니다.