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