小程序
工作中遇到的一些知识点,方便后期学习使用
罗倩楠_666
90后,喜欢前端技术
展开
-
vue微信H5(微信公众号)实现微信支付功能
vue微信H5(微信公众号)实现微信支付功能原创 2022-09-21 21:46:02 · 3166 阅读 · 0 评论 -
小程序上传头像,并生成base64,调后台接口实现上传功能
ModifyAvatar() { var _this = this; wx.chooseImage({ count: 1, // 默认9 sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图,默认二者都有 sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机,默认二者都有 success(res) { wx.getFil..原创 2020-12-18 12:05:44 · 485 阅读 · 0 评论 -
微信小程序跳转h5,h5回跳小程序指定页面
最近遇到一个功能,是在小程序中获取用户在公众号中的授权,拿到用户在公众号中的openid在小程序中,单独准备一个page 页,使用web-view 放置h5 的url链接,需要提前在小程序后台添加业务域名,h5页面内 引入 <script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>最好是下载到本地,引用本地文件。直接使用线上的话,可能会报错 d原创 2020-12-16 17:46:34 · 2036 阅读 · 2 评论 -
小程序判断用户有没有登录
app.getUserInfo(function () { // 判断当前用户是否微信授权 if (app.globalData.userInfo.avatar == null) { wx.showModal({ content: '您还未授权', confirmText: '去授权', success(res) { if (res.confirm) { ...原创 2020-12-03 15:37:00 · 2512 阅读 · 0 评论 -
小程序canvas文字信息绘制图片,模拟器正常保存图片,真机无法保存图片报错downloadFile:fail downloadFile protocol must be http or https
最近做小程序有个需求是将文字信息生成图片保存到本地,在PC端模拟器,图片的地址是可以正常保存,不报错但是到了真机的时候就报错,并且图片地址也发生改变解决办法:先将图片上传到服务器,然后再调用wx.downloadFile方法 <button class="printInfo-btn" bindtap="handleSave">保存</button> <canvas style='width:{{canvasWidth}}px;height:{{canvasHeigh原创 2020-11-21 10:17:20 · 1860 阅读 · 3 评论 -
微信小程序如何实现文本换行
微信小程序<text>和<view>标签并不能让文本自动换行,微信小程序也不支持 <br/>换行使用 css 属性 :white-space:pre-wrap <view style="white-space:pre-wrap">文本保留空格和回车 </view>...原创 2020-11-20 09:53:32 · 11008 阅读 · 0 评论 -
小程序使用canvas将文本信息绘制成图片,并保存到本地相册
<canvas style='width:{{canvasWidth}}px;height:{{canvasHeight}}px' canvas-id='myCanvas'></canvas>var ctx = "" // 用于获取canvasvar leftMargin = "" //文字距离左边边距var topMargin = "" //文字距离右边边距Pages({data:{ title: '订单信息', salary: '', //订单信息--原创 2020-11-19 13:50:11 · 549 阅读 · 0 评论 -
小程序保存图片到本地相册
// 保存图片 SaveCard(e) { let that = this; var imgSrc = this.data.imgSrc console.log(imgSrc); //获取相册授权 wx.getSetting({ success(res) { if (!res.authSetting['scope.writePhotosAlbum']) { wx.authorize({ sco原创 2020-11-18 16:07:32 · 206 阅读 · 0 评论 -
小程序 实现头像上传功能
// 修改头像 ModifyAvatar() { var _this = this; wx.chooseImage({ count: 1, // 默认9 sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图,默认二者都有 sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机,默认二者都有 success(res) { ..原创 2020-11-06 13:57:56 · 583 阅读 · 0 评论