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

Question

有时我的org-babel生成的dot图非常大，在浏览器中查看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%

在#+BEGIN_SRC之前 - 它可以用于[[file:...]链接。我还尝试了

#+BEGIN_SRC dot :file x.svg :width 100% :cmdline -Kdot -Tsvg

两者都不起作用。

那么怎样才能做到呢？

- Evgeniy Berezovsky

Answer 1

要修改由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 mode 8.2.9和Emacs 24.3.1中进行了测试。

- jpeloquin

Answer 2

jpeloquin的回答让我意识到我可以用另一种方式来实现。

• 设置:exports none
• 使用标准的org-mode图像链接，并在其上设置#+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上进行了测试。

- Evgeniy Berezovsky