sequence-diagram-html:序列图CSS(加转换器)

时间:2024-05-23 16:40:27
【文件属性】:

文件名称:sequence-diagram-html:序列图CSS(加转换器)

文件大小:13KB

文件格式:ZIP

更新时间:2024-05-23 16:40:27

JavaScript

HTML序列图 这是一组样式表,用于在HTML页面中显示序列图。 您可以使用语义标记( )或纯CSS()进行编写-请务必查看源代码。 要嵌入到页面中,您需要 ,外加转换脚本或用于列的额外CSS文件。 纯CSS(包括布局) 底层标记的工作原理是将所有内容都分成几列并添加CSS类(例如,在4列布局中,第2列的col-2-4 )。 如果您手动进行布局(纯CSS选项),则需要包含 。 但是,您不必自己编写此布局代码,而是编写语义标记。 语义标记 可以以更直观的方式(无需考虑布局)输入图表。 要自动转换,请包含脚本,并将图标记放置在元素中。 您不需要CSS列,因为转换脚本会根据需要生成CSS。 语义标记中的所有元素都可以直接使用(即 ),也可以由相应CSS类声明(即<div clas


【文件预览】:
sequence-diagram-html-gh-pages
----index.html(2KB)
----convert.js(15KB)
----example-css.html(2KB)
----sequence-diagram-columns.css(7KB)
----images()
--------arrow.svg(2KB)
--------arrow-left.png(488B)
--------arrow-right.png(454B)
----example-semantic.html(1KB)
----sequence-diagram.css(3KB)
----README.md(3KB)
----.gitignore(26B)

网友评论