브라우저 렌더링
원본은 이 브라우저에서 구문 분석되며 원격 이미지는 여전히 해당 호스트에 요청을 보낼 수 있습니다.
편집기로 돌아가기
Markdown을 이미지로
Markdown을 PNG 또는 래스터 이미지가 포함된 SVG 파일로 렌더링하며 테마와 배율을 선택할 수 있습니다.
Markdown이 이 브라우저에서 렌더링됩니다
Markdown을 이미지로
Markdown을 PNG 또는 래스터 이미지가 포함된 SVG 파일로 렌더링하며 테마와 배율을 선택할 수 있습니다.
렌더링되는 콘텐츠
제목, 표, 작업 목록, 강조 표시된 코드 및 수식이 캡처되며 Mermaid 블록은 코드로 남습니다.
| 형식 | 해상도 |
|---|---|
| PNG | 레티나 |
| SVG | 울트라 |
const image = await renderMarkdown(markdown, { format: "png" });
내보내기에는 렌더링된 제목, 표, 강조 표시된 코드 및 미리보기가 지원하는 수식이 포함됩니다.
입력과 출력
Markdown을 붙여넣거나 .md, .markdown 또는 .txt 파일을 선택하세요. 밝은 또는 어두운 스타일, PNG 또는 SVG, 1x, 2x 또는 3x 배율을 선택합니다. 내보내기는 너비 1080픽셀 레이아웃을 사용하고 렌더링된 문서 전체를 캡처합니다.
제한 사항 및 실패 사례
SVG 옵션은 SVG 컨테이너 안에 PNG를 삽입하므로 텍스트와 도형은 편집 가능한 벡터가 아닙니다. 원시 HTML은 제거되고 Mermaid 블록은 다이어그램으로 렌더링되지 않으며 상대 경로의 로컬 이미지는 가져오지 않습니다. 긴 문서와 높은 배율은 매우 길고 메모리를 많이 사용하는 파일을 만들 수 있습니다.
로컬 처리 및 결과 확인
Markdown 구문 분석과 캔버스 캡처는 이 브라우저에서 실행됩니다. 원격 이미지는 여전히 해당 호스트에 요청을 보낼 수 있으며 교차 출처 접근이 차단되면 누락될 수 있습니다. 다운로드 파일을 열어 글꼴, 수식, 코드, 이미지 로딩, 크기 및 사용하려는 크기에서의 가독성을 확인하세요.
렌더링되는 콘텐츠
제목, 표, 작업 목록, 강조 표시된 코드 및 수식이 캡처되며 Mermaid 블록은 코드로 남습니다.
PNG 또는 래스터 SVG
PNG는 비트맵입니다. SVG는 같은 PNG 데이터를 감싸며 편집 가능한 벡터 아트워크가 아닙니다.