jquery.signature画布签名

先引入jquery.signature.js   （css样式代码就没贴了）      数据库保存字段是：mediumtext类型

<script src="jquery/1.11.0/jquery.min.js"></script>
<script src="jq-signature.js"></script> 

//前端页面代码
<div class="signature_con">
    <div class="signature" id="signatureId" style="width:400px; height:200px;"></div>						
</div>
<div class="signaturebutton_con">
    <button type="button" name="btnSignatureClear" id="btnSignatureClear" onclick="doSignatureClear(); return false;">清空签名板</button>
</div>

//js代码
//初始化签名板
var signature= $("#signatureId").jSignature({height:"200px",width:"400px"});
var signatureImgContent = $("#editForm input[id='signatureImgContent']").val();
if (!_isEmpty(signatureImgContent)){
	signature.jSignature("setData",signatureImgContent);
}

//清空画布
function doSignatureClear() {
	signature.jSignature('reset');
}

//验证签名是否为空
function isBlank(signatureData) {
	var blank= $("#blankId").jSignature({height:"200px",width:"400px"});
    return signatureData == blank.jSignature('getData', 'default');//比较值相等则为空
}

if (isBlank(signature.jSignature("getData", 'default'))) {
	showPopBox(0, "入库人签名不能为空！", function() {});
	return false;
}

//获取画布里面的值并赋值
var dataImg = signature.jSignature("getData", "image");
	var signatureImgContent= "data:" + dataImg [0] + "," + dataImg [1];
	$("#editForm input[id='signatureImgContent']").val(signatureImgContent);