javascript - Rapahel Sketchpad not working -


below code.i have used raphael sketchpad plugin. i'm unable draw,i blank sketchpad. why so?

<html>      <head>           <script type="text/javascript" src="jquery.min.js"></script>           <script type="text/javascript" src="raphael-min.js"></script>           <script type="text/javascript" src="json2.js"></script>           <script type="text/javascript" src="raphael.sketchpad.js"></script>     <script type="text/javascript">      $(document).ready(function() {     var sketchpad = raphael.sketchpad("editor", {             height: 260,             width: 260,             editing: true          });          // when sketchpad changes, update input field.         sketchpad.change(function() {             $("#data").val(sketchpad.json());         });  });  </script>      </head>     <body> <input type="hidden" id="data" /> <div id="editor" style="border: 1px solid #aaa; "></div>  <h1> testing</h1>        </body> </html> 

when try add stroke,i diagonal line.

when used latest version jquery , raphael,it's working me now. did below modification

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>     <script type="text/javascript" src="raphael-2.0.1.js"></script> 

Comments