文件名称:painter-custom-poster:小程序生成海报工具,利用Painter,可视化编辑设计海报
文件大小:301KB
文件格式:ZIP
更新时间:2024-05-25 22:07:57
JavaScript
小程序海报生成工具,可视化编辑直接生成代码 体验地址 请点击这个链接体验 生成painter代码,充分利用painter的优势 小程序生成图片库,轻松通过 json 方式绘制一张可以发到朋友圈的图片 使用 git clone https://github.com/lingxiaoyi/painter-custom-poster.git npm i 启动本地服务器 npm run start How To Use 目前工具一共分成4部分 例子展示 用来将一些用户设计的精美海报显示出来,通过点击对应的例子并将代码导入画布中 画布区 显示真实的海报效果,画布里添加的元素,都可以直接用鼠标进行拖动,旋转,缩放操作 操作区 第一排四个按钮 复制代码 将画布的展示效果转化成小程序海报插件库所需要的json配置代码,目前我使用的是Painter库,默认会转化成这个插件的配置代码,将代码直接复制到card
【文件预览】:
painter-custom-poster-master
----.gitignore(310B)
----.babelrc(145B)
----package.json(4KB)
----package-lock.json(638KB)
----src()
--------consumer.js(794B)
--------foods.json(429B)
--------providers.js(542B)
--------index.js(699B)
--------optionArr.js(3KB)
--------logo.svg(3KB)
--------App.js(50KB)
--------example()
--------serviceWorker.js(5KB)
--------App.scss(4KB)
--------index.css(380B)
--------App.test.js(248B)
--------gradient.js(5KB)
--------importCodeJson.js(7KB)
----public()
--------index.html(2KB)
--------favicon.ico(4KB)
--------manifest.json(306B)
--------props.js(1KB)
----scripts()
--------build.js(6KB)
--------test.js(2KB)
--------start.js(4KB)
----README.md(9KB)
----config()
--------webpack.config.js(26KB)
--------jest()
--------webpackDevServer.config.js(6KB)
--------paths.js(3KB)
--------env.js(3KB)