Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/89.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Rapahel画板不工作_Javascript_Html_Raphael - Fatal编程技术网

Javascript Rapahel画板不工作

Javascript Rapahel画板不工作,javascript,html,raphael,Javascript,Html,Raphael,下面是我的代码。我用过raphael画板插件。但我不会画画,我只有一张空白的画板。为什么会这样 <html> <head> <script type="text/javascript" src="jquery.min.js"></script> <script type="text/javascript" src="raphael-min.js"></script>

下面是我的代码。我用过raphael画板插件。但我不会画画,我只有一张空白的画板。为什么会这样

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

$(文档).ready(函数(){
var sketchpad=Raphael.sketchpad(“编辑器”{
身高:260,
宽度:260,
编辑:对
});
//当草图板更改时,更新输入字段。
sketchpad.change(函数(){
$(“#数据”).val(sketchpad.json());
});
});
测试

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

当我使用最新版本的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>


你能详细说明对角线吗?当你说空白画板时,你是指不存在或可见,但空白吗?当我添加下面的代码时,我在画板画板中得到一条对角线。笔划([{“类型”:“路径”,“路径”:[[[“M”,10,10],“L”,90,90],“填充”:“无”,“笔划”:“#000000”,“笔划不透明度”:1,“笔划宽度”:5,“笔划线条帽”:“圆形”、“笔划线条连接”:“圆形”});我指的是可见的画板,但空白,当我试图绘制某些东西时,使用鼠标,什么都看不见。