To drag div within the rectangular area using by jCanvas

This sample code for drag div within the rectangular area using by jCanvas 
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>jQuery UI Draggable</title>
  
  <script type="text/javascript" src="./js/jquery-1.9.1.js"></script>
  <script type="text/javascript" src="./js/jcanvas.min.js"></script>
  <link rel="stylesheet" type="text/css" href="css/style.css"/>
  <script src="js/main.js"></script>
  <script>
  $(document).ready(function(){
	  $('canvas').drawRect({
		  draggable: true,
		  fillStyle: "green",
		  x: 100, y: 100,
		  width: 200,
		  height: 100
		});
});
  </script>
</head>
<body>
	<canvas width="400" height="800"></canvas>
</body>

</html>
List

Responses

0 Replies