python，微信小程序，教你如何快速生成半透明头像

Posted 2021-10-19 大家一起学编程（python）

 明天就是节日了，准备换一个头像，还有谁没有获得​。我们来看一下效果。

 

看见成果有没有心动，我们主要通过三种方式来制作这个头像。

目录

第一种​：python实现

第二种方式：微信小程序实现，（可用于发布线上供用户使用）

第三种方式​：uni-app实现

---

第一种​：python实现

使用python要如何制作呢​？我们继续来看​。我们需要准备好两张图片，一张是头像，另一张是头像

代码如下：

from PIL import Image
image = Image.open("guo.png")
image = image.resize((513,513))  # 设置图片大小
​
image2  = Image.open("头像.png")
image2 = image2.resize((513,513))  # 设置图片大小
​
merge = Image.blend(image,image2,0.5)
merge.save("国庆头像.png")

我们还可以直接写成一句代码​，效果如图：

from PIL import Image
Image.blend(Image.open("guo.png").resize((513,513)),Image.open("头像.png").resize((513,513)),0.5).save("国庆头像.png")

第二种方式：微信小程序实现

这种方式，需要使用到微信开发者工具​。需要自己手动截图保存​。可以直接识别下方二维码生成​。

微信搜索    “荣耀战力排行”   进入个人中心，可生成头像。

index.wxml

<view class="container">
  <button bindtap='xt'>上传图片</button>
</view>
<view style="background-image:url({{img}});background-size:100vw 100vw;">
<image mode="aspectFit" style="height: 100vw;width:100vw;" src="../img/gq1.png" show-menu-by-longpress="True"></image>
</view>

css

.container {
  height: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 100rpx 0;
  box-sizing: border-box;
} 

index.js

Page({
 
  /**
   * 页面的初始数据
   */
  data: {
    img:""
  },
 
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
  },
  //添加上传图片
  xt: function () {
    var that=this;
    wx.showActionSheet({//调起相册接口
      itemList: ['从相册中选择'],
      itemColor: "#00000",
      success: function (res) {
        if (!res.cancel) {
            wx.chooseImage({//选择图片接口
              count:1,
              sizeType: ['original'],
              sourceType: ["album"],
              success: function (res) {
                that.setData({
                  img:res.tempFilePaths[0]
                });
              }
            }) 
        }
      }
    })
  }
})

效果如图​：

我们需要一张矢量图​：

第三种方式​：uni-app实现

vue文件

<template>
    <view>
        <view class="container">
          <button @click="xt">上传图片</button>
        </view>
        <view :style="{'background-image':'url('+img+')','background-size':'100vw 100vw'}">
        <image mode="aspectFit" style="height: 100vw;width:100vw;" src="../../static/image/other/gq1.png"></image>
        </view>
        <view style="height: 150px;color: #39B54A;">
            上传之后，截屏保存，相册进行修改尺寸
            根据手机品牌的不同，截屏方式有：
            1、同时按住音量减和开机键
            2、同时按住音量加和开机键
            3、三指下滑
            4、下拉顶部菜单，找到截屏进行截屏
        </view>
    </view>
</template>
​
<script>
    export default {
        data() {
            return {
                img:""
            }
        },
        onShareAppMessage: function(e) {
              // 设置默认的分享参数
              return {
                title: "节日头像快速生成",//标题
                path: "/pages/gq/gq",//路径
                imageUrl:'../../static/image/other/gq1.png'// 图片
              }
        },
        methods: {
            xt(e){
                var that=this;
              uni.showActionSheet({//调起相册接口
                itemList: ['从相册中选择'],
                itemColor: "#00000",
                success: function (res) {
                  if (!res.cancel) {
                      uni.chooseImage({//选择图片接口
                        count:1,
                        sizeType: ['original'],
                        sourceType: ["album"],
                        success: function (res) {
                            console.log(res.tempFilePaths[0]);
                            that.img=res.tempFilePaths[0];
                        }
                      }) 
                  }
                }
              })
            },
        }
    }
</script>
​
<style>
.container {
  height: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 100rpx 0;
  box-sizing: border-box;
} 
</style>

识别下方二维码生成你的专属头像​：

​

相关推荐​：

Google插件开发-这是一个能撩妹的插件

获取有趣的句子，python教你如何快速收归数据库

python-tkinter 实现各种个样的撩妹鼠标拖尾