我們可以在JSignature文本框中提供水印嗎？

Question

我正在使用JSignature在我們的Web應用程序中捕獲客戶端的簽名。 有一個要求，要求在每個簽名texbox上提供一個水印：有些內容像「Please Sign Here」，並且在簽名時應該被刪除。

在JSignature TextBox中可以有水印嗎？

在此先感謝。

Answer 1

$(document).ready(function() { 
 
    var $sigdiv = $("#signature").jSignature({'UndoButton':true}); 
 
\t 
 
\t $("#signature").bind('change', function(e){ 
 
\t \t if ($sigdiv.jSignature('getData', 'native').length > 0) 
 
\t \t \t $("#signature span.label").addClass('hidden'); 
 
\t \t else 
 
\t \t \t $("#signature span.label").removeClass('hidden'); 
 
\t }); 
 
    
 
\t $('.reset').bind('click', function() { 
 
\t \t $sigdiv.jSignature("reset"); 
 
\t \t $("#signature span.label").removeClass('hidden'); 
 
\t }); 
 
    
 
});

#signature * { 
 
\t zoom: 1; 
 
\t position: relative; 
 
\t z-index: 2; 
 
} 
 
#signature span.label { 
 
\t color: #bbb; 
 
\t display: block; 
 
\t font-size: 20px; 
 
\t padding: 20px; 
 
\t position: absolute; 
 
\t z-index: 1; 
 
} 
 
.hidden { 
 
    display: none; 
 
}

\t \t <div id="signature"> 
 
\t \t \t <span class="label">Your signature &hellip;</span> 
 
\t \t </div> 
 
<button class="reset">Reset</button>

關當然，你可以使用（背景）圖像（S）以及內span.label。 使用z-index將畫布放置在span.label上。