如何通過代碼創建UML圖，並可以在圖中搜索字符？

Question

我想創建一個程序流程圖，但是我不想用鼠標繪制它。 我可以通過markdown或美人魚來繪制一個簡單的圖形，但是它們太簡單了。

例如： 這是由Typora Mermaid生成的。 所有項目均為html。

但我想修改更多細節。 例如，字體突出顯示，在內容中添加括號等。我還想生成看起來更好的圖形。

另一個例子： 這是由graphviz生成的，如果我將其導出為svg，則可以檢索字符。

但是在我將其插入Typora中並導出markdown為a.html之后。 但是，我無法在a.html中從svg搜索字符，因為它的標簽是img 。 我不熟悉HTML，不知道如何處理。

我想找到一個可以將點語轉換為html並可以與markdown一起使用的工具，如何實現？ 還是更好的選擇？

Answer 1

我想我應該按點生成svg文件。 在markdown中添加它的一個好方法是使用html標簽： <object type="image/svg+xml" data="test.svg"></object> 。 chrome會渲染它。

我不確定這個問題是否可以保留，但是我會保留它直到有人要求我刪除它，或者這是重復的問題。

這是我在SVG中搜索的方式。