小程式簽署全名

2021-10-16 10:08:15 字數 2181 閱讀 6321

如上圖,手寫簽名,功能(手寫簽名,清除簽名,判斷是否已簽名,儲存簽名存的是)

1.布局,彈框模式

手寫簽名

我承認以上填寫內容屬實,並願意為此承擔法律責任!

承若人簽名(請清晰簽署全名)

}" /> -->

清除簽名

儲存簽名

css部分

.bearing

.bearing-mian

.bearing-title

.bearing-icon

.bearing-mian-tips

.bearing-txt

.bearing-mian-text

.bearing-mian-sm

.bearing-mian-textarea

.canvas

.bearing-button

.bearing-btn

2.js部分

import request from '../../utils/request'

let coordinatesx =

let coordinatey =

let coordinatez =

page(,

// 關閉簽名彈框

closetap() )

this.cleartap()

},// 清除簽名

cleartap() ,

// 儲存簽名,判定是否有簽名,簽名長度(有個bug,手指留在畫布上的時間越長,即使不畫,也會有點,自己慎重判斷)

async suretap() )

return false

}if (coordinatesx.length <= 30 || coordinatey.length <= 30 || coordinatez.length <= 30) )

return false

}await new promise((resolve, reject) => )

wx.showtoast()}})

that.setdata()}})

})} catch (error) {}

},/**

* 生命週期函式--監聽頁面載入

*/onload: function (options) ,

// 初始簽名畫布

async loadcanvas() catch (error) )}},

//簽名錯誤返回

canvaserrorcallback(e) ,

//開始簽名,記錄每個點,z軸,y軸,x軸點,簽名劃過的軌跡

//isdraw以防其他干擾

canvastart(event) ,

//過程

async canvasmove(event)

for (let i = 0; i < coordinatesx.length; i++) else

}this.data.context.setfillstyle('#f8f8f8')

this.data.context.fillrect(0, 0, 330, 200)

this.data.context.setstrokestyle('#000000')

this.data.context.setlinewidth(4)

this.data.context.setlinecap('butt')

this.data.context.setlinejoin('miter')

this.data.context.stroke()

this.data.context.draw(false)

} catch (error)

},//停止畫布

canvasend(event) ,

// 上傳簽名

async getsrc(tempfilepath) ) => resolve(data),

fail: reject}))

} catch (error)

} })

在VS中新增命令方便獲取當前程式集全名

有時候需要程式集全名的時候真是麻煩,雖然sharepoint提供了 sharepoint.project.assemblyfullname 這個佔位符,但有的時候還需需要獲取全名,最方便的方法就是在vs中新增乙個外部命令,使用powershell獲取當前程式集的全名了,記錄一下備忘 開啟vs,too...

小程式練習,仿bilibili小程式

開發文件 圖示庫 iconfont 阿里巴巴向量圖示庫 這個是 簡直是神器,什麼圖示都能找到,我很喜歡。utils util.js pages common header.wxml item.wxml index index.js index.wxml index.wxss selectcolor ...

小程式 小程式錄音功能的開發

最近做了乙個新年賀卡專案,專案除了平常的選擇賀卡和祝福語以外,還多了一項 錄下自己的祝福語音。這就有一丟丟為難我了,畢竟沒寫過,想著前同事寫的時候好像踩了不少坑,我也擔心我會踩坑。不過,真上手寫了,發現好像還不難。首先,我們在官網文件中找到與錄音有關的api,其中,recordermanager是全...