风舞红枫的个人博客

要开发背景图+字,第一时间想到了canvas,然后遇到了一系列奇葩问题…首先用canvas成功合成了图片，然后要实现一个长按弹框的功能，然后翻canvas文档刚好看到了一个长按函数bindlongtap,真是天助我也…,然而<canvas class="myCard" canvas-id="myCard{{index}}" bindlongtap="longTap" wx:for="{{cardList}}" data-index="{{index}}" wx:key="{{index}}"&g

效果图如下 使用方法示例wxml<progress percentage="{{percentage}}" wx:if="{{lodingType != ''}}" lodingType="{{lodingType}}" bindfwhfLoding="hideFwhfLoding" speed="{{speed}}"/><button bindt

wxml代码<text data-url="https://xxx.xxx/xxx.doc" catchtap='downloadFile'>《用户使用协议》</text>js代码downloadFile(e){ wx.downloadFile({ url: e.currentTarget.dataset.url, header: {}, success: function (res) { var filePath = res.temp

解决小程序input调用虚拟键盘并阻止调用系统键盘问题与虚拟键盘点击穿透导致下方input获焦问题点击input弹出虚拟键盘，并不调起系统键盘解决方案wxml代码<input type="text" placeholder="请输入车牌号" value='{{carCodeNumber}}' bindtap='getCodeNumber' disabled/>js代码getCodeNumber(){ this.setData({ isKeyboard:true })},

turntable-canvas演示地址：Go演示turntable-canvas仓库地址：Go仓库turntable-canvas-demo源码地址：Go源码效果图：另附：小程序转盘仓库地址：Go小程序仓库小程序转盘代码片段：Go代码片段小程序转盘npm下载：npm i wx-turntable-canvas...

效果图wxml<view class="turntable"> <canvas type="2d" style="transform:{{'rotate(' + rotate + 'deg)'}};width: 600rpx;height: 600rpx" class="turntableCanvas" id='turntable'></canvas>...

先看效果图：使用方法如下：wxml中<keyboard isKeyboard="{{isKeyboard}}" keyboardType="{{keyboardType}}" maxLength="{{maxLength}}" minLength="{{minLength}}" test="{{test}}" placeholder="{{placeholder}}" isKey...