jSignature - 写字板手写签名jQuery插件

<!-- required JS files -->

<script src="js/jquery.min.js"></script>

<script src="jSignature.js"></script>

<!-- optional plugins -->

<script src="plugins/jSignature.CompressorBase30.js"></script>

<script src="plugins/jSignature.CompressorSVG.js"></script>

<script src="plugins/jSignature.UndoButton.js"></script> 

<script src="plugins/signhere/jSignature.SignHere.js"></script>

<div id="signatureparent">

  <div id="signature"></div>

</div>

$("#signatureparent").jSignature({

  // line color

  color:"#f00",

  // line width

  lineWidth:5,

  // width/height of signature pad

  width:300,

  height:200,

  // background color

  background-color:"#0f0"

});

// Resets the signature pad

$("#signatureContainer").jSignature('reset');

// Destroy the signature pad

$("#signatureContainer").jSignature('destroy');

// Returns a data object appropriate for the data format

$("#signatureContainer").jSignature('getData', FORMATNAME);

// Sets data

$("#signatureContainer").jSignature('setData', DATAOBJECT, FORMATNAME);

// Disables the signature pad

$("#signatureContainer").jSignature('disable');

// Re-enable the signature pad

$("#signatureContainer").jSignature('enable');

// Returns a boolean true if the jSignature was modified

$("#signatureContainer").jSignature('isModified');

// Returns the configurable settings

$("#signatureContainer").jSignature('getSettings');

// Updates certain settings

$("#signatureContainer").jSignature('updateSetting', SETTINGNAME, VALUE, Boolean);