SVGUI:快速而肮脏的 SVGHTML 用户界面代码

时间:2024-06-27 08:30:23
【文件属性】:

文件名称:SVGUI:快速而肮脏的 SVGHTML 用户界面代码

文件大小:5KB

文件格式:ZIP

更新时间:2024-06-27 08:30:23

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)

网友评论