建站
咨詢
售后
建站咨詢
新聞中心
github地址: https://github.com/open-vue3/vue3-sign
站在用戶的角度思考問題，與客戶深入溝通，找到平?jīng)鼍W(wǎng)站設(shè)計(jì)與平?jīng)鼍W(wǎng)站推廣的解決方案，憑借多年的經(jīng)驗(yàn)，讓設(shè)計(jì)與互聯(lián)網(wǎng)技術(shù)結(jié)合，創(chuàng)造個性化、用戶體驗(yàn)好的作品，建站類型包括：成都做網(wǎng)站、成都網(wǎng)站制作、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣、域名與空間、網(wǎng)絡(luò)空間、企業(yè)郵箱。業(yè)務(wù)覆蓋平?jīng)龅貐^(qū)。
hello, 大家好, 我是徐小夕, 今天又到了分享時間. 之前和大家分享我開源的輕量級電子簽名組件——react-sign2. 今天繼續(xù)和大家分享一下小伙伴極客恰恰? 貢獻(xiàn)的vue3?版電子簽名組件vue3-sign.
我們可以使用它輕松的實(shí)現(xiàn)電子簽名, 比如說常用的合同簽字, 文稿簽名, 藝術(shù)簽名等, 并支持一鍵將簽名保存為本地圖片.
基本屬性介紹
事件
實(shí)現(xiàn)思路
按照筆者之前的習(xí)慣, 在設(shè)計(jì)組件之前都會先明確組件的設(shè)計(jì)需求, 然后根據(jù)健壯組件的設(shè)計(jì)原則來落地組件, 這里給大家分享一下我總結(jié)的幾條組件設(shè)計(jì)經(jīng)驗(yàn):
- 對組件進(jìn)行嚴(yán)格的屬性設(shè)計(jì), 保證業(yè)務(wù)層能低成本使用組件, 并保持一定的可配性
- 組件內(nèi)外部類型約定(ts規(guī)范), 并提供對邏輯的兼容性
- 可讀性(代碼格式統(tǒng)一清晰，注釋完整，代碼結(jié)構(gòu)層次分明，編程范式使用得當(dāng))
- 可用性(代碼功能完整，在不同場景都能很好兼容，業(yè)務(wù)邏輯覆蓋率)
- 復(fù)用性(代碼可以很好的被其他業(yè)務(wù)模塊復(fù)用)
- 可維護(hù)性(代碼易于維護(hù)和擴(kuò)展，并有一定的向下/向上兼容性)
- 高性能(組件具有一定的性能, 如復(fù)雜場景的渲染, 計(jì)算等)
對于電子簽名組件, 我們最小化的需求就是能滿足用戶的線上簽名, 并能保存簽名數(shù)據(jù).
實(shí)現(xiàn)代碼
由于代碼使用vue3?實(shí)現(xiàn), 這里主要分校一下核心js?實(shí)現(xiàn), 詳細(xì)代碼可以參考 github : https://github.com/open-vue3/vue3-sign.
后期規(guī)劃
歡迎大家共建.
參考資料
https://developer.mozilla.org/zh-CN/docs/Web/API/Canvas_API
https://juejin.cn/post/7174251833773752350
本文標(biāo)題：開源分享:基于vue3的電子簽名組件
當(dāng)前URL：http://m.5511xx.com/article/dhedgge.html
