wuhb
/
oa


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
							<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- saved from url=(0098)http://www.gbtags.com/gb/networks/uploads/0443d6ed-4ed8-4029-9aea-b6365c55b781/example/single.html -->
<HTML lang=en><HEAD><TITLE>Drawingboard.js: a simple canvas based drawing app that you can integrate easily on your website.</TITLE>
<META charset=utf-8>
<META content=IE=edge,chrome=1 http-equiv=X-UA-Compatible>
<META name=description content="">
<META name=viewport content=width=device-width><LINK rel=stylesheet 
href="/shares/single/single_files/prism.css"><LINK rel=stylesheet 
href="/shares/single/single_files/website.css"><!-- in a production environment, you can include the minified css. It contains the css of the board and the default controls (size, nav, colors):
		<link rel="stylesheet" href="../dist/drawingboard.min.css"> --><LINK 
rel=stylesheet href="/shares/single/single_files/drawingboard.css">
<STYLE>.board {
	MARGIN: 0px auto; WIDTH: 300px; HEIGHT: 300px
}
#default-board {
	WIDTH: 700px; HEIGHT: 400px
}
#custom-board-2 {
	WIDTH: 550px; HEIGHT: 300px
}
#title-board {
	WIDTH: 600px; HEIGHT: 270px
}
#title-board .drawing-board-canvas-wrapper {
	BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; MARGIN: 0px; BORDER-TOP: medium none; BORDER-RIGHT: medium none
}
</STYLE>

<META name=GENERATOR content="MSHTML 8.00.7601.18404"></HEAD>
<BODY><NOSCRIPT>JavaScript is required :(</NOSCRIPT> 
<DIV id=container>
<DIV class=example data-example="1">
<H1>HTML5画布实现的画板</H1>
<DIV id=default-board class=board></DIV></DIV></DIV><!-- jquery is required - zepto might do the trick too -->
<SCRIPT type=text/javascript src="/shares/single/single_files/jquery.min.js"></SCRIPT>
<!-- in a production environment, just include the minified script. It contains the board and the default controls (size, nav, colors, download): --><!--<script src="../dist/drawingboard.min.js"></script>-->
<SCRIPT src="/shares/single/single_files/drawingboard.js"></SCRIPT>

<SCRIPT src="/shares/single/single_files/board.js"></SCRIPT>

<SCRIPT src="/shares/single/single_files/control.js"></SCRIPT>

<SCRIPT src="/shares/single/single_files/color.js"></SCRIPT>

<SCRIPT src="/shares/single/single_files/drawingmode.js"></SCRIPT>

<SCRIPT src="/shares/single/single_files/navigation.js"></SCRIPT>

<SCRIPT src="/shares/single/single_files/size.js"></SCRIPT>

<SCRIPT src="/shares/single/single_files/download.js"></SCRIPT>

<SCRIPT src="/shares/single/single_files/utils.js"></SCRIPT>

<SCRIPT data-example="1">
			//create the drawingboard by passing it the #id of the wanted container
			var defaultBoard = new DrawingBoard.Board('default-board');
		</SCRIPT>
</BODY></HTML>