我们可以在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上。