更新记录

0.0.1（2025-05-23） 下载此版本

首次发布

平台兼容性

关于插件

• 万物皆是组件
• 该库使用Canvas自绘方式解决平台内生图问题
• 该库不基于Dom,实现零HTML，在画布上写布局写代码实现海报生成。
• 支持多端，一次编码，多端运行
• 如果没有看到自己的平台，请联系作者兼容
• 纯原生构建。支持html、vue2、vue3、js、ts、typescript、angular
• 未来海报构建新方案
• 拒绝Json布局，代码式构建

使用方法

1.由于不基于Dom,所以UI构建方式是树形编译渲染,就像Flutter一样 举个例子，一个橙色的盒子代码：

    Container({
        width:100,
        height:100,
        color:Colors.orange
    })

是不是很直观。

2.布局嵌套,一个盒子只是开始，现在我们开始来一个嵌套布局，运行代码将会出现三个互相间隔10的大小为100*100的橙色盒子横向布局：

const box=Container({
        width:100,
        height:100,
        color:Colors.orange
    });
/// 把 Row 换成 Column 试试 
Row({
    spacing:10,
    children:[
        box,box,box
    ]
})

3.对齐,使用 alignment 参数控制子元素的对齐方式，支持居中、左对齐、右对齐等：

Container({
    width: 300,
    height: 300,
    color: Colors.grey200,
    alignment: Alignment.center,
    child: Container({
        width: 100,
        height: 100,
        color: Colors.blue
    })
});

GenPoster允许你自己把海报"拼凑"出来，它是自由的，它是一个框架。

4.还有更多，下载Demo体验未来新的布局方式。

关于安装和使用详情

• 参考Demo内的必看.md文件