GithubHelp home page GithubHelp logo

head-maker-mini's Introduction

logo

小依助手 微信换头像

制作微信头像、抖音头像、**红国旗、头像海报等

🔥 在线 访问   🌈 文档

示例图

功能

  • 🚀 小程序原生框架、canvas开发
  • 💪 支持获取微信头像进行制作
  • 💪 支持本地图片导入进行裁剪
  • 💪 支持插入国旗等贴纸
  • 💪 支持生成朋友圈节日海报图
  • 💪 支持预览制作后的头像,并保存到本地相册

大致流程

  1. 初始化一个canvas头像画图
  2. 获取微信用户信息授权,并保存到本地
  3. 提示用户选择 头像贴纸
  4. 点击预览,从canvas获取图片信息,并显示制作后的图片
  5. 点击节日海报,把制作后的头像,放到海报上面,生成朋友圈海报
  6. 抖音本地图片,选择图片后,对图片进行裁剪,然后才进入头像制作流程

部署注意

  1. 贴纸、头像图片信息都存储在一台服务器上,需支持https
  2. 开发环境,可打开不校验https正式配置
  3. 正式环境,需要配置request域名、downloadFile合法域名

注 :示例中的接口、图片地址,仅为临时测试地址,正式环境使用时,请务必更换!!!

head-maker-mini's People

Contributors

kingfront avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.