当前位置:首页 » 《休闲阅读》 » 正文

python,微信小程序,教你如何快速生成半透明头像_大家一起学编程(python)

1 人参与  2022年02月17日 13:59  分类 : 《休闲阅读》  评论

点击全文阅读


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

 

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

目录

第一种​: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 实现各种个样的撩妹鼠标拖尾


点击全文阅读


本文链接:http://zhangshiyu.com/post/34890.html

头像  方式  相册  
<< 上一篇 下一篇 >>

  • 评论(0)
  • 赞助本站

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

最新文章

  • 你惹她干啥她疯起来嘎乱杀结局+番外+完结(楚瑶)全书浏览_你惹她干啥她疯起来嘎乱杀结局+番外+完结全书浏览
  • 高考分数出来那天,全家哭着求我原谅后续+番外_何思涵妹妹何思墨未删减_小说后续在线阅读_无删减免费完结_
  • 婚礼前夜未婚夫喂我安眠药,只为让养妹当新娘独家番外_许绍宁养妹全文_小说后续在线阅读_无删减免费完结_
  • 以身入局,我要掀翻这座城的天结局+番外+续集(程少云阮朵)_以身入局,我要掀翻这座城的天结局+番外+续集(程少云阮朵)
  • 出狱后,真千金手撕白莲杀疯了全文免费阅读无弹窗大结局_秦季姜沁最新章节列表_笔趣阁(出狱后,真千金手撕白莲杀疯了:完结+结局+番外)
  • 似锦的夫君停妻另娶挚友遗孀后,我杀疯了贺朝朝贺凌洲全书在线
  • 今夜雨将至(安佩项齐晟)_今夜雨将至
  • 暗恋逢光(江司聿夏未央)全书浏览_暗恋逢光全书浏览
  • 全文季总他图谋已久列表(秦韵季野)列表_全文季总他图谋已久列表
  • 重回高考前一天,我不再阻止同学们去参加班花组织的成人礼高口碑_林绾绾绾孟瑶故事会_小说后续在线阅读_无删减免费完结_
  • 全文最终还是失去你+结局(苏棠月靳延)列表_全文最终还是失去你+结局
  • 热文推荐心机美人攀高枝记:全文+番外(苏莞丝薛赜礼)书荒必看列表

    关于我们 | 我要投稿 | 免责申明

    Copyright © 2020-2022 ZhangShiYu.com Rights Reserved.豫ICP备2022013469号-1