ブラウザー内で描画
ソースはこのブラウザー内で解析されますが、外部画像は配信元へリクエストする場合があります。
エディターに戻る
Markdownを画像に
テーマと倍率を選び、MarkdownをPNG、またはラスター画像を含むSVGファイルとして描画します。
Markdownはこのブラウザー内で描画されます
Markdownを画像に
テーマと倍率を選び、MarkdownをPNG、またはラスター画像を含むSVGファイルとして描画します。
描画される内容
見出し、表、タスクリスト、ハイライトされたコード、数式を取り込みます。Mermaidブロックはコードのままです。
| 形式 | 解像度 |
|---|---|
| PNG | Retina |
| 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データを内包するため、編集可能なベクター画像ではありません。