在HTML5表單中使用手寫簽名 using-scribble-signature-in-html-forms
HTML5表單越來越多地用於觸控裝置,常見的要求之一就是支援簽名。 在行動裝置上簽署表單時,塗寫(使用手寫筆或手指書寫)已成為一種可接受的方式。 HTML5 forms和Forms Designer現在提供在表單上有手寫簽名欄位的選項。 當表單在瀏覽器中呈現時,人們可以使用手寫筆、滑鼠或觸控來登入這些欄位。
如何使用手寫簽名欄位設計表單 how-to-design-a-form-using-scribble-signature-field
-
在Forms Designer中開啟表單。
-
將「簽名草稿」欄位拖放到頁面上。
note note NOTE 呈現欄位時,會反映在Forms Designer中選取欄位的Dimension。 不過,已演算簽名方塊的維度是根據欄位的外觀比例計算,而非根據Forms Designer中指定的維度。 -
設定「簽名草寫」欄位。
依預設,「簽名草稿」欄位會在iPad上的簽署程式期間,將地理位置資訊標示為必要(其他裝置則為選用)。 可透過變更
geoLocMandatoryOnIpad
屬性的值來覆寫此預設行為。 此屬性在「簽名草寫欄位」中顯示為額外專案。 修改它的步驟如下:-
在表單上,選取簽名草寫欄位。
-
選取 XML Source 索引標籤。
note note NOTE 若要開啟XML Source標籤,請按一下 檢視 > XML Source。 -
在
<field>
標籤中找到<ui>
標籤,並修改原始程式碼如下:code language-xml <extras name="x-scribble-add-on"> <boolean name="geoLocMandatoryOnIpad">0</boolean> </extras>
-
選取 設計檢視 標籤。 在確認方塊中,按一下 是。
-
儲存表單。
-
-
在支援的裝置/案頭瀏覽器上轉譯表單。
與手寫簽名連線 interfacing-with-the-scribble-signatures
簽署 signing
在將簽名草寫欄位新增至表單並呈現後,按一下或點選該欄位會開啟一個對話方塊。 使用者可以使用滑鼠、手指或手寫筆,在虛線矩形所指定的繪製區域中塗寫簽名。
A. 筆刷 B. 橡皮擦 C. 地理位置 D. 地理位置資訊
地理標籤 geo-tagging
建立塗鴉時按一下地理位置圖示,會將地理位置和時間資訊內嵌到欄位中。
在iPad上,預設不會顯示地理位置圖示,當您按一下 確定 時,會自動內嵌地理位置資訊。
若是iPad,您可以修改欄位的init引數中geoLocManadatoryOnIpad
引數值至0
來變更此設定。
- 當地理位置資訊是強制性的時,使用者會看到一個縮小的繪製區域。 使用者按一下剩餘區域上的 確定 圖示時,會新增地理位置文字。
- 在其他情況下,使用者會看到一個完整可繪製區域。 如果使用者選擇嵌入地理位置資訊,此區域會調整大小以容納地理位置文字。
清除簽名 clearing-a-signature
使用此功能時,使用者可以按一下 橡皮擦 圖示來清除欄位,然後重新開始。 如果新增了地理位置資訊,該資訊也會被清除。
儲存簽名 saving-a-signature
按一下「確定」圖示會將手寫內容儲存為欄位中的影像。 影像和值可以提交至伺服器以供進一步處理。 使用者按一下 確定 後,草寫欄位就會被鎖定。 無法使用塗鴉Widget再次編輯簽名。
點選或按一下「塗鴉」欄位會以唯讀模式開啟對話方塊。
選取筆大小 selecting-pen-size
按一下 筆刷 圖示以顯示可用筆大小的清單。 按一下筆大小以使用對應的筆。
從表單中刪除簽章 delete-signatures-from-the-form
若要從表單中刪除簽章:
- (行動裝置)長按簽名欄位,然後在確認對話方塊中選取 是。
- (案頭)將滑鼠停留在簽章欄位上,按一下 取消 圖示,然後在確認對話方塊上按一下 是。