拍照，截图 对图片进行编辑或绘画保存和更新

<script type="text/javascript" src="/assets/inc/jquery.1.8.2.min.js"></script>
<script type="text/javascript" src="/assets/inc/jquery.ui.core.min.js"></script>
<script type="text/javascript" src="/assets/inc/jquery.ui.widget.min.js"></script>
<script type="text/javascript" src="/assets/inc/jquery.ui.mouse.min.js"></script>
<script type="text/javascript" src="/assets/inc/jquery.ui.draggable.min.js"></script>
<!-- wColorPicker -->
<link rel="Stylesheet" type="text/css" href="/assets/inc/wColorPicker.css" />
<script type="text/javascript" src="/assets/inc/wColorPicker.js"></script>

<!-- wPaint -->
<link rel="Stylesheet" type="text/css" href="/assets/inc/wPaint.css" />
<script type="text/javascript" src="/assets/inc/wPaint.js"></script>

	 <div id="wPaint2"  style="position:relative; width:540px; height:540px; border:solid black 1px;" >
      </div>
      <a href="javascript:saveImage2();">save image</a> | 
		<a href="javascript:updateBg2();">update bg</a>

 window.$("#wPaint2").wPaint({
      menuOrientation: 'vertical',
      imageBg: this.avatarUrl,// 显示的图片
    });
    // 点击保存
    function saveImage2 () {
		var imageData2 = $("#wPaint2").wPaint("imageBg");
		$("#canvasImage2").attr('src', imageData2);
	}
		
	// 点击更新图片
	function updateBg2() {
		$("#wPaint2").wPaint("imageBg", 'images/demo/wPaint.jpg');
	}