设置org-babel生成点图的宽度

时间:2014-12-25 00:59:54

标签: html org-mode graphviz dot org-babel

有时我的org-babel生成的点图很大,目前在浏览器中查看html导出时会被切断。所以我试图将生成的图像标记的宽度设置为100%。我目前生成的图形如下:

#+BEGIN_SRC dot :file x.svg :cmdline -Kdot -Tsvg
digraph {
  rankdir=LR; // graph from left to right

  A -> B -> C
}
#+END_SRC

并且org 8.2.10吐出了这个:

<div class="figure">
<p><img src="x.svg" alt="x.svg" />
</p>
</div>

我试图把

#+ATTR_HTML: :width 100%
<{1>}之前的

- 适用于#+BEGIN_SRC个链接。我也试过

[[file:...]

都没有效果。

那怎么办呢?

2 个答案:

答案 0 :(得分:2)

要修改babel源块生成的图形的宽度,请将:width属性添加到结果块,如下所示:

#+BEGIN_SRC dot :file x.svg :cmdline -Kdot -Tsvg
digraph {
  rankdir=LR; // graph from left to right

  A -> B -> C
}
#+END_SRC

#+attr_html: :width 100%
#+RESULTS:
[[file:x.svg]]

结果html是:

<div class="figure">
<p><img src="x.svg" alt="x.svg" width="100%" />
</p>
</div>

此代码示例在Org模式8.2.9和Emacs 24.3.1中进行了测试。

答案 1 :(得分:0)

jpeloquin的回答让我意识到我可以采取另一种方式。

  • 设置:exports none
  • 使用标准组织模式图片链接并在该
  • 上设置#+ATTR_HTML

#+BEGIN_SRC dot :file x.svg :exports none :cmdline -Kdot -Tsvg
digraph {
  rankdir=LR; // graph from left to right

  A -> B -> C
}
#+END_SRC

#+ATTR_HTML: :width 100%
[[file:x.svg]]

生成的html与jpeloquin的相同。

在Org-mode版本8.2.10和Emacs 24.4.1上进行了测试。