Leafer UI
是基于LeaferJS
的多彩UI绘制框架,帮助开发者快速生成图形界面。LeaferJS
是一个基于HTML5 Canvas
的2D绘图渲染引擎,在web上有着出色的绘图性能。与同类图形引擎相比,渲染时间更少,占用超低内存。
安装 Leafer UI
npm install leafer-ui
也可以直接在<script>引入
<script src="https://unpkg.com/leafer-ui"></script>
简单使用示例
<!DOCTYPE html> <html> <head> <title>Demo | Leafer UI</title> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width,initial-scale=1" /> <script src="https://unpkg.com/leafer-ui"></script> </head> <body></body> <script> var Leafer = LeaferUI.Leafer var Rect = LeaferUI.Rect var leafer = new Leafer({ view: window }) var rect = new Rect({ x: 100, y: 100, width: 200, height: 200, fill: '#32cd79', draggable: true, }) leafer.add(rect) </script> </html>
简洁轻量的 HTML5 Canvas 2D 图形 UI 绘图框架——LeaferUI
上面是“LeaferUI之HTML5 Canvas 2D 图形UI绘图框架安装示例”的全面内容,想了解更多关于 前端知识 内容,请继续关注web建站教程。
当前网址:https://ipkd.cn/webs_12708.html
workflows工作流
严寒的冬天里一只小鸟在森林的树枝上休息
一座古老的石阶,旁边有一棵树
一个神秘的隐藏面孔下一本书的剪影ComfyUI工作流
一个超现实和超现实的场景,在森林中心有一座蛇形的房子
懂王特朗普3d漫画ComfyUI工作流
泰坦尼克号桌面壁纸上ComfyUI工作流
一颗柔和的水晶金字塔ComfyUI工作流
一架受损严重的宇宙飞船内有一只猫
猜你喜欢
声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!