文件名称:create-img:自动不同大小,形状,颜色的图片
文件大小:4.63MB
文件格式:ZIP
更新时间:2024-02-24 08:37:08
koa canvas koa-router KoaCSS
创建img 自动不同大小,形状,颜色的图片 启动生成图片服务 npm install npm start 注意:koa-logger @ 2需要节点> 7.6版本,否则会报错不支持async函数 前言 实际前端工作中,当UED没有给到确定的图片时,前端需要自己模拟一个图片来实现页面占位。于是写了份自动生成不同大小形状图片的服务。 代码地址为 。 demo访问地址 。 原理 主要用到的技术是koa,koa-router和画布。 用koa启动一个webserver服务,用了logger中间键来方便查看记录。 const logger = require ( 'koa-logger' ) ; const koaBody = require ( 'koa-body' ) ; const Koa = require ( 'koa' ) ; const app = module . exports = new Koa ( ) ; // middleware app . use ( logger ( ) ) ; app . use ( koaBody ( ) ) ; // listen if
【文件预览】:
create-img-master
----.gitignore(902B)
----package.json(1004B)
----server()
--------app.js(964B)
--------test.js(1KB)
--------canvas.js(520B)
--------lib()
----LICENSE(1KB)
----README.md(3KB)
----web()
--------fonts()
--------webpack.config.js(368B)
--------dist()
--------js()
--------css()
--------index.html(13KB)
--------img()