html - 使用 pandoc for html/pdf/docx 在 markdown 中正确调整 PNG 图像的大小

标签 html css pdf markdown pandoc

我正在尝试将 markdown 与 pandoc 结合使用,将单个文档转换为 html、pdf 和 docx。这是一份极其简单的文档,仅包含无数学内容的文本和几张图片。图片为PNG格式。我在 Markdown 源中包含一张使用它的图片:

<div style="float:center" markdown="1">

![my caption](./figures/myimage.png)

</div>

并将其编译为:

# html
pandoc myarticle.md -c mystyle.css -o myarticle.html
# pdf
pandoc myarticle.md -V geometry:margin=1in -o myarticle.pdf
# docx
pandoc myarticle.md -o myarticle.docx

我注意到一些具有相同尺寸的 PNG 图像在 HTML 和 PDF 格式中的大小不同。具有低分辨率(72 像素/英寸)的 250x256 像素的 PNG 将在 PDF 中大致显示为页面上的正确尺寸,并以合理的尺寸出现在 html 中,但具有相同尺寸(250x256 像素)的 PNG 是高分辨率(300 像素/英寸)在 PDF 输出的页面上被调整为很小。我想保留一组我指定大小的 PNG 图像,并让它们以该大小显示在 HTML/PDF/DOCX 格式中。

我愿意放弃自动 docx 支持(或之后处理大量手动格式化)只是为了拥有 PDF/HTML。

我如何告诉 pandoc 不要为 PDF 或图像调整 PNG 的大小,并让它们出现在正确的图像中?谢谢。

最佳答案

这现在包含在 Pandoc 1.16

您可以使用新的 link_attributes 功能,例如

An inline ![image](foo.jpg){#id .class width=30 height=20px}

参见:http://pandoc.org/README.html#images

关于html - 使用 pandoc for html/pdf/docx 在 markdown 中正确调整 PNG 图像的大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25288741/

相关文章:

javascript - HTML5 音频不适用于 setTimeout 方法

javascript - 如何在 Prod 中启动 Webpack 和装置

html - 如何在不同的 Div 中对齐这些表格

javascript - 谷歌自动填充 API

html - 为什么 x-overflow :hidden cause extra space below?

javascript - 内联 JavaScript 代码不起作用

html - CSS/HTML : Alignment issue in IE9 + jsFiddle

javascript - 在新选项卡中打开 base64 pdf 会卡住某些文件大小的选项卡

java - 是否可以将pdf文档保存到字节数组(java的aspose.pdf)

macos - Mac 聚光灯 : How does it work so quickly?