mix-img图片合成工具，通过调用canvas api实现包括图片和文字的合成并最终生成图片base64，合成成功后向用户展示和分享。作为一个轻量级的图片合成解决方案，Mi 支持多张图片并行加载合成，减少图片合成时间，提升前端开发者的开发效率，改善开发体验。

mix-img的特点

• 并行加载图片资源使合成速度更快

• 内置二维码功能，直接配置就能将二维码合成到图片上，不用开发者单独处理

• 支持图片压缩

• 默认增加缓存处理，同样配置图片直接返回结果而不是重新合成

• 对开发者友好，包括支持调试、文字变量替换等

mix-img能做什么

随着互联网业务的发展，用户接触的信息也越来越多，越来越丰富。生动的图片相对简单的文字也更能够吸引用户的关注。而互联网海量的用户有不同的属性和兴趣，个性化展示图片、分享图片的场景应运而生。基于以上原因，Mi（mix-img）诞生了。

Mi 的核心价值在于能够通过简单的配置输入将多张图片或者文字快速的合并成一张图片展示给用户或者用于分享炫耀场景。

Mi 在图片和文字的样式处理上也足够完善，包括支持产出不同尺寸、不同类型的图片，图片的圆角处理。还有对文字颜色、位置的处理。同时也支持在图片中加入二维码的元素。

mix-img安装

npm install --save mix-img;

import {mixImg} from 'mix-img';import {mixConfig} from './mixConfig'; // 配置文件路径自定义async function getImg() {const res = await mixImg(mixConfig);console.log('图片合成结束', res);}

链接: https://fly63.com/nav/3385