微信小程序之头像裁剪,添加字幕,生成新图片下载等解决真机调试和开发者工具图片不显示等问题

个人感觉真机调试和开发者工具在处理图片上好多人说的不一致的问题就是主要是在上传文件的方式的问题此处(最后一步在画布上进行绘画的时候)只要判断了图片的来源并且根据不同的来源去 drawImage 那么真机调试和开发者工具显示的结果都是一致的,经过本人多次测试,没有出现不一致的情况

首先第一步 2个选择 1微信获取头像 2上传头像 1比较简单直接用button组件获取一下头像就好,此处有坑

默认获取的头像为 132* 132的比较小在新的画布上画的话要么画的比较小要么稍微扩大点头像就显示模糊了

官方文档说的是 0 代表132* 132 经过测试尺寸 0>132>96>64>46 此处巨坑!@!! 一开始只看了文档没测试0 !! 连续搞了一天才发现天坑!!

2 采用的是一个组件 we-copper

使用该组件可以划定图片的选定范围嗯比较简单不做详细描述

下一步选择口号简单的参数传递不做详细描述

下一步生成图片以及下载此处坑多容我细细道来

首先判断你的头像是本地上传的还是直接使用的微信头像 ,

此处提供简单的判断方法直接截取传过来的微信头像的前5个字符如果是 https 那么就是下列 2情况否则是1情况

1如果是本地上传的那么可以直接在画布上就是drawImage 上使用path

2 如果是微信头像那么首先你要用 wx.downfile 下载这个文件到本地在操作 ;只要是https(微信不允许请求http此处忽略) 开头的都需要下载下载了在画布上 drawImage 使用下载后成功返回的 res.tempFilePath 就可实现

其余下载啥的基本简单没啥问题!!

微信小程序之头像裁剪,添加字幕,生成新图片下载等解决真机调试和开发者工具图片不显示等问题相关推荐

微信小程序个性头像、国庆头像、新年头像、圣诞头像等合成
微信小程序个性头像.国庆头像.新年头像.圣诞头像等合成先看一下,整体效果,搜索微信小程序<我i头像> 微信小程序生成国庆头像工具,祝大家国庆快乐#国庆 1 操作与对应技术点 1 用 ca ...
微信小程序用户头像编辑上传
微信小程序用户头像编辑上传近期接触了一个小程序项目,需要可以修改用户头像,默认获取用户当前微信头像,点击头像,可调用手机照相机或者本地相册,更换图片. html代码如下: js代码:
微信小程序更换头像的实现源码
微信小程序更换头像的实现源码 html <view class='top_head_border'> <image class='top_head' src='{{head}}'&g ...
微信小程序获取头像地址
微信小程序获取头像地址获取用户信息开发接口 wx.getUserInfo 接口参数说明: 微信文档地址: 获取用户信息开发接口 wx.getUserInfo 下面展示一些内联代码片. // 必须是 ...
在微信小程序中动态的添加类名
在微信小程序中动态的添加类名 <view data-num="1" class="takeTaxi {{_num == 1 ? 'active' : ''}}&qu ...
微信小程序开发，如何添加多个空格
微信小程序开发,如何添加多个空格 <view> <text space="ensp">a b</text> </view> ...
微信小程序for循环里面添加input事件
1,在微信小程序for循环里面添加input事件,并把input输入值添加到列表里面 2.wxml <view class="item" wx:for="{{lis ...
微信小程序：笑话与趣图框架源码下载
这是一款以笑话和趣味图为主的一款微信小程序源码或者也可以说是一个框架吧里面的内容是内置在小程序里面的,所以说是一款框架也可以因为内置的内容,所以内容数量有限! 大家可以用来养账号,或者有能力的二 ...
微信小程序条码、二维码生成模块
代码地址如下: http://www.demodashi.com/demo/13994.html 一.前期准备工作软件环境:微信开发者工具官方下载地址:https://mp.weixin.qq.c ...
微信小程序-炫酷手持滚动弹幕生成小工具
微信小程序-炫酷手持滚动弹幕生成小工具欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器所展示的欢迎页.如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇 ...

微信小程序之头像裁剪,添加字幕,生成新图片下载等解决真机调试和开发者工具图片不显示等问题

微信小程序之头像裁剪,添加字幕,生成新图片下载等解决真机调试和开发者工具图片不显示等问题相关推荐

最新文章

热门文章

微信小程序之头像裁剪,添加字幕,生成新图片下载等 解决真机调试和开发者工具 图片不显示等问题

微信小程序之头像裁剪,添加字幕,生成新图片下载等 解决真机调试和开发者工具 图片不显示等问题相关推荐

最新文章

热门文章

微信小程序之头像裁剪,添加字幕,生成新图片下载等解决真机调试和开发者工具图片不显示等问题

微信小程序之头像裁剪,添加字幕,生成新图片下载等解决真机调试和开发者工具图片不显示等问题相关推荐