Javascript Rapahel画板不工作
下面是我的代码。我用过raphael画板插件。但我不会画画,我只有一张空白的画板。为什么会这样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>
<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,“笔划线条帽”:“圆形”、“笔划线条连接”:“圆形”});我指的是可见的画板,但空白,当我试图绘制某些东西时,使用鼠标,什么都看不见。