简单美人鱼图失败

Question

我尝试从美人鱼站点运行示例 ( 工作副本在codepen.io上)：

<script src="https://cdn.rawgit.com/knsv/mermaid/0.5.1/dist/mermaid.min.js"></script>
<script>mermaid.initialize({startOnLoad:true});</script>

<div class="mermaid">

graph TD;
    A-->B;
    A-->C;
    B-->D;
    C-->D;

</div>

产出如下：

​

​

同时，一个序列图工作得很好。

这个基本例子的问题在哪里？

更新

问题是Chrome 48的兼容性。它是通过使用最新的js文件来修复的：

<script src="https://cdn.rawgit.com/knsv/mermaid/master/dist/mermaid.min.js"></script>
<link rel="stylesheet" href="https://cdn.rawgit.com/knsv/mermaid/master/dist/mermaid.css">

Answer 1

在Safari看上去还行：

​

​

对我来说，唯一缺少的是线条颜色，但是添加这个css解决了这个问题：

path {
  stroke: black;
}