【文件属性】:
文件名称:SVGUI:快速而肮脏的 SVGHTML 用户界面代码
文件大小:5KB
文件格式:ZIP
更新时间:2021-06-07 14:43:43
JavaScript
简单的 SVG UI 库
快速而肮脏的 SVG UI 库 - 目前远未完成。
示例,。
使用 Inkscape 将您的 UI 设计为 SVG,并将类应用到每个节点。 当它加载了 JS 时,它就会活跃起来,以便可以单击和拖动项目。
制作 SVG
启动 Inkscape
创建您的标准,轴心点位于页面左上角
选择任何非文本元素并单击Path -> Simplify
将所有东西组合在一起
您现在可以将其从页面的角落移开
打开Edit -> XML Editor...
对于每个 Guage 的组:
添加一个class属性集到guage
给背景元素添加一个class = bg属性
给needle元素添加一个class = needle属性
给文本元素添加一个class = label属性
将class = btn属性添加到任何按钮元素
对于每个按钮组:
添加一个class属性设置为b
【文件预览】:
SVGUI-gh-pages
----.gitignore(3B)
----test.html(423B)
----components.svg(5KB)
----README.md(1013B)
----components.js(3KB)