https://github.com/baidu/mix-img

A fast mix image javascript tool libary
https://github.com/baidu/mix-img

Last synced: 6 months ago
JSON representation

A fast mix image javascript tool libary

• Host: GitHub
• URL: https://github.com/baidu/mix-img
• Owner: baidu
• License: mit
• Created: 2021-05-29T08:47:05.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2021-07-09T06:50:06.000Z (over 4 years ago)
• Last Synced: 2025-03-30T06:10:28.385Z (7 months ago)
• Language: JavaScript
• Homepage:
• Size: 587 KB
• Stars: 334
• Watchers: 9
• Forks: 34
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# mix-img

mix-img图片合成工具，通过调用canvas API实现包括图片和文字的合成并最终生成图片base64，合成成功后向用户展示和分享。

![image](https://efe-h2.cdn.bcebos.com/ceug/resource/res/2021-03/1616594872570/aol5g54dm8p7.jpg)

## Install

```js

npm install --save mix-img

```

## Quick Start

```js

import {mixImg} from 'mix-img';

import {mixConfig} from './mixConfig';  // 配置文件路径自定义

async function getImg() {

    const res = await mixImg(mixConfig);

    console.log('图片合成结束', res);

}

```

> mixConfig参数配置可参见参数说明文档；Lib库使用者可以通过调试工具在本地进行预览调试，生成配置。

## Document

- [Start](https://github.com/baidu/mix-img/blob/master/README.md)

- [Example](https://github.com/baidu/mix-img/blob/master/test/e2e/index.js)

- [mixImg方法使用说明](https://github.com/baidu/mix-img/blob/master/docs/mixImg.md)

- [mixConfig参数说明文档](https://github.com/baidu/mix-img/blob/master/docs/mixConfig.md)

- [参数调试工具](https://github.com/baidu/mix-img/blob/master/docs/tool.md)

- [本库开发者阅读](https://github.com/baidu/mix-img/blob/master/docs/dev.md)

## ChangeLog

Please visit document [ChangeLog](https://github.com/baidu/mix-img/blob/master/CHANGELOG.md)