重慶分公司,新征程啟航
為企業提供網站建設、域名注冊、服務器等服務
為企業提供網站建設、域名注冊、服務器等服務
前言
創新互聯服務項目包括內蒙古網站建設、內蒙古網站制作、內蒙古網頁制作以及內蒙古網絡營銷策劃等。多年來,我們專注于互聯網行業,利用自身積累的技術優勢、行業經驗、深度合作伙伴關系等,向廣大中小型企業、政府機構等提供互聯網行業的解決方案,內蒙古網站推廣取得了明顯的社會效益與經濟效益。目前,我們服務的客戶以成都為中心已經輻射到內蒙古省份的部分城市,未來相信會繼續擴大服務區域并繼續獲得客戶的支持與信任!
大家在日常開發中使用該jQuery插件來制作在線簽名,用戶繪制的東西以圖片的形式保存下來,非常方便實用。下面將實現支持的方法分享給大家,供大家參考學習,下面來一起看看詳細的介紹吧。
方法如下:
使用該簽名插件要引入jQuery和jq-signature.js文件。
HTML結構
初始化插件
//頁面加載完畢之后使用下面的方法來初始化該簽名插件 $(document).on('ready', function() { $('.js-signature').jqSignature(); }); function clearCanvas() { $('#signature').html('Your signature will appear here when you click "Save Signature"
'); $('.js-signature').jqSignature('clearCanvas'); $('#saveBtn').attr('disabled', true); } function saveSignature() { $('#signature').empty(); var dataUrl = $('.js-signature').jqSignature('getDataURL'); var img = $('').attr('src', dataUrl); $('#signature').append($('
').text("Here's your signature:")); $('#signature').append(img); } $('.js-signature').on('jq.signature.changed', function() { $('#saveBtn').attr('disabled', false); });
配置參數
下面是該簽名插件的一些可用參數,這些參數可以同時在data-attributes上使用:
參數 | 描述 | Data Attribute | 示例 |
Width | 簽名canvas的寬度,單位像素,默認值300 | data-width="600" | $().jqSignature({width: 600}); |
Height | 簽名canvas的高度,單位像素,默認值100 | data-height="200" | $().jqSignature({height: 200}); |
Border | 簽名canvas的邊框CSS樣式。默認為'1px solid #AAAAAA' | data-border="1px solid red" | $().jqSignature({border: '1px solid red'}); |
Background | 簽名canvas的背景顏色,默認值為'#FFFFFF' | data-background="#EEEEEE" | $().jqSignature({background: '#EEEEEE'}); |
Line Color | 簽名的顏色。默認值為#222222' | data-line-color="#ABCDEF" | $().jqSignature({lineColor: '#ABCDEF'}); |
Line Width | 簽名的線寬,單位像素,默認值為1 | data-line-width="2" | $().jqSignature({lineWidth: 2}); |
Auto Fit | 使canvas占滿父元素的寬度,默認值false | data-auto-fit="true" | $().jqSignature({autoFit: true}); |
總結
以上就是這篇文章的全部內容了,希望本文的內容對大家的學習或者工作能帶來一定的幫助,如果有疑問大家可以留言交流,謝謝大家對創新互聯的支持。