拉斐尔画板不工作

时间:2013-07-11 13:58:22

标签: javascript html raphael

下面是我的代码。我使用过raphael sketchpad插件。但是我无法画画,我只是得到空白的画板。为什么会这样?

<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 the sketchpad changes, update the 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>

当我尝试添加笔划时,我得到一条对角线。

1 个答案:

答案 0 :(得分:0)

当我使用最新版本的jquery和raphael时,它现在正在为我工​​作。我做了以下修改

<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>