Можем ли мы предоставить водяной знак в текстовом поле JSignature?

Question

Я использую JSignature для захвата подписей клиентов в нашем веб-приложении. Существует требование, которое требует предоставления водяного знака для каждой сигнатуры texbox: что-то вроде «Пожалуйста, зарегистрируйтесь здесь» и при подписании его следует удалить.

Возможно ли иметь водяной знак в 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>

Конечно же, вы можете использовать (фон) изображение (ы), а также в рамках span.label. Используйте z-index, чтобы поместить холст поверх span.label.