用HTML / JavaScript创建一个非图像输出的交互式序列图
Create an interactive sequence diagram in HTML / JavaScript with non-image output
我想在HTML/JavaScript页面上创建一个序列图的表示。我希望可视化是互动的。例:我希望能够点击图中的每个对象/生命线等,并看到实际的源代码。然而,我找到的所有用于生成序列图的工具和库都返回一个图像,当然不能编辑或与之交互。有人知道我可以使用的库吗?它允许我访问序列图的内部元素,并允许我将它们扩展为对象或HTML元素。
感谢p。这种表示也可以用Java来实现。我只是认为使用JavaScript更容易展示我想要的功能,但我也很欣赏关于Java的答案!
JS序列图听起来很合适;它直接在页面上呈现为SVG。
相关文章:
- 使用drawImage()在画布上输出固定大小的图像
- 使用Javascript将图像属性输出到控制台
- 使用 HTML 输出标记查看可缩放图像并分配 src
- 有没有办法在使用 html 输出标签时控制图像的大小
- 将图像输出到浏览器,然后再将其保存到文件夹
- 如何在Node.js中请求图像并输出图像
- 将7个图像组合为一个,一个在另一个之上,并输出为单个图像
- 让用户手动裁剪特定大小的图像作为输出
- JSPDF输出()不显示图像
- 在文本区域中输出图像
- 需要输出图像,具体取决于使用来自CharCode在javascript的输入框中键入的字母,任何想法
- 显示查询输出 HTML 中的图像
- 通过画布从 svg 或 svg 输出 300 张具有正确文件名的 png 图像
- 将GIF代码隐藏到GIF图像或输出到文件
- 使用JS从数组输出随机图像
- 从ajax调用中输出图像的最快方法
- 将输出图像设置为当前URL链接
- 结合PHP和jQuery循环图片,匹配id,并在幻灯片中输出图像
- 将画布输出图像调整为特定大小(宽度/高度)
- 将输出图像保存到另一个目录中,并使用新的文件名和扩展名