jquery - 我们可以在 JSignature 文本框中提供水印吗？

Question

我正在使用 JSignature 在我们的 Web 应用程序中捕获客户端的签名。有一项要求要求在每个签名 texbox 上提供水印：诸如“请在此处签名”之类的内容，并且在签名时应将其删除。

JSignature TextBox中是否可以有水印？

提前致谢。

Answer 1

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

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

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

当然，您也可以在 span.label 中使用（背景）图像。使用 z-index 将画布定位在 span.label 上。