painter-custom-poster:小程序生成海报工具,利用Painter,可视化编辑设计海报

上传者: 42176827 | 上传时间: 2023-02-20 10:28:52 | 文件大小: 301KB | 文件类型: ZIP
小程序海报生成工具,可视化编辑直接生成代码 体验地址 请点击这个链接体验 生成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

文件下载

资源详情

[{"title":"( 40 个子文件 301KB ) painter-custom-poster:小程序生成海报工具,利用Painter,可视化编辑设计海报","children":[{"title":"painter-custom-poster-master","children":[{"title":".gitignore <span style='color:#111;'> 310B </span>","children":null,"spread":false},{"title":".babelrc <span style='color:#111;'> 145B </span>","children":null,"spread":false},{"title":"package.json <span style='color:#111;'> 3.87KB </span>","children":null,"spread":false},{"title":"package-lock.json <span style='color:#111;'> 638.47KB </span>","children":null,"spread":false},{"title":"src","children":[{"title":"consumer.js <span style='color:#111;'> 794B </span>","children":null,"spread":false},{"title":"foods.json <span style='color:#111;'> 429B </span>","children":null,"spread":false},{"title":"providers.js <span style='color:#111;'> 542B </span>","children":null,"spread":false},{"title":"index.js <span style='color:#111;'> 699B </span>","children":null,"spread":false},{"title":"optionArr.js <span style='color:#111;'> 2.74KB </span>","children":null,"spread":false},{"title":"logo.svg <span style='color:#111;'> 2.61KB </span>","children":null,"spread":false},{"title":"App.js <span style='color:#111;'> 49.89KB </span>","children":null,"spread":false},{"title":"example","children":[{"title":"example1.jpg <span style='color:#111;'> 27.44KB </span>","children":null,"spread":false},{"title":"example2.jpg <span style='color:#111;'> 19.51KB </span>","children":null,"spread":false},{"title":"index.js <span style='color:#111;'> 150B </span>","children":null,"spread":false},{"title":"example2.js <span style='color:#111;'> 25.27KB </span>","children":null,"spread":false},{"title":"example1.js <span style='color:#111;'> 25.71KB </span>","children":null,"spread":false},{"title":"example3.jpg <span style='color:#111;'> 38.50KB </span>","children":null,"spread":false},{"title":"example4.js <span style='color:#111;'> 11.88KB </span>","children":null,"spread":false},{"title":"example4.jpg <span style='color:#111;'> 18.59KB </span>","children":null,"spread":false},{"title":"example3.js <span style='color:#111;'> 36.99KB </span>","children":null,"spread":false}],"spread":true},{"title":"serviceWorker.js <span style='color:#111;'> 4.83KB </span>","children":null,"spread":false},{"title":"App.scss <span style='color:#111;'> 3.64KB </span>","children":null,"spread":false},{"title":"index.css <span style='color:#111;'> 380B </span>","children":null,"spread":false},{"title":"App.test.js <span style='color:#111;'> 248B </span>","children":null,"spread":false},{"title":"gradient.js <span style='color:#111;'> 5.00KB </span>","children":null,"spread":false},{"title":"importCodeJson.js <span style='color:#111;'> 6.81KB </span>","children":null,"spread":false}],"spread":false},{"title":"public","children":[{"title":"index.html <span style='color:#111;'> 1.54KB </span>","children":null,"spread":false},{"title":"favicon.ico <span style='color:#111;'> 3.78KB </span>","children":null,"spread":false},{"title":"manifest.json <span style='color:#111;'> 306B </span>","children":null,"spread":false},{"title":"props.js <span style='color:#111;'> 1.49KB </span>","children":null,"spread":false}],"spread":true},{"title":"scripts","children":[{"title":"build.js <span style='color:#111;'> 5.92KB </span>","children":null,"spread":false},{"title":"test.js <span style='color:#111;'> 1.55KB </span>","children":null,"spread":false},{"title":"start.js <span style='color:#111;'> 4.12KB </span>","children":null,"spread":false}],"spread":true},{"title":"README.md <span style='color:#111;'> 9.25KB </span>","children":null,"spread":false},{"title":"config","children":[{"title":"webpack.config.js <span style='color:#111;'> 26.00KB </span>","children":null,"spread":false},{"title":"jest","children":[{"title":"fileTransform.js <span style='color:#111;'> 815B </span>","children":null,"spread":false},{"title":"cssTransform.js <span style='color:#111;'> 314B </span>","children":null,"spread":false}],"spread":true},{"title":"webpackDevServer.config.js <span style='color:#111;'> 5.52KB </span>","children":null,"spread":false},{"title":"paths.js <span style='color:#111;'> 2.63KB </span>","children":null,"spread":false},{"title":"env.js <span style='color:#111;'> 3.41KB </span>","children":null,"spread":false}],"spread":true}],"spread":true}],"spread":true}]

评论信息

免责申明

【只为小站】的资源来自网友分享,仅供学习研究,请务必在下载后24小时内给予删除,不得用于其他任何用途,否则后果自负。基于互联网的特殊性,【只为小站】 无法对用户传输的作品、信息、内容的权属或合法性、合规性、真实性、科学性、完整权、有效性等进行实质审查;无论 【只为小站】 经营者是否已进行审查,用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。
本站所有资源不代表本站的观点或立场,基于网友分享,根据中国法律《信息网络传播权保护条例》第二十二条之规定,若资源存在侵权或相关问题请联系本站客服人员,zhiweidada#qq.com,请把#换成@,本站将给予最大的支持与配合,做到及时反馈和处理。关于更多版权及免责申明参见 版权及免责申明