Javascript 如何将rafael.js和paper.js合并到一个html中？_Javascript_Paperjs_Rafaeljs

Javascript 如何将rafael.js和paper.js合并到一个html中？

javascript

Javascript 如何将rafael.js和paper.js合并到一个html中？,javascript,paperjs,rafaeljs,Javascript,Paperjs,Rafaeljs,当我试图在一个html页面中使用两个库（rafael.js和paper.js）时，我遇到了各种错误案例1。未捕获引用错误：未定义Raphael。在文件“rafael.js”中，行： var paper = Raphael(0, 0, 320, 200); 这是错误的原因。但很明显，它是以html格式导入的： <head> ... <script src="js/paper-full.js" type="text/javascript"></script>

当我试图在一个html页面中使用两个库（rafael.js和paper.js）时，我遇到了各种错误

案例1。未捕获引用错误：未定义Raphael。在文件“rafael.js”中，行：

var paper = Raphael(0, 0, 320, 200);

这是错误的原因。但很明显，它是以html格式导入的：

<head>
...
<script src="js/paper-full.js" type="text/javascript"></script>
<script src="js/mypaper.js" type="text/paperscript" canvas="myCanvas">
</head>
<body>
<script src="js/rafael.js" type="text/javascript"></script>
<canvas id='myCanvas' resize></canvas>
<script src="js/myrafael.js"></script>
...
</body>

“myrafael.js”和“mypaper.js”的内容是类似的。

在您提到的所有情况下，

myrafaelpaper.js

的脚本标记没有关闭（

）。

发布您的JavaScript。为什么

标记在正文中？不允许吗？除非将这些库组合起来，否则不会引起问题。但是有“”，不是吗？没错，但在你的帖子中，你可以看到“你是什么意思”的样式"? 我不知道为什么会在帖子中使用不同的颜色，但据我所知，即使我将所有内容都放在记事本的一行中，它也应该可以工作，因为浏览器会读取和解释标签，以及标签内部和之间的内容，而不是颜色或其他样式。我错过smt了吗？没错，它们是不同的颜色。这是因为您没有关闭其中一个脚本标记。试着这样做，看看是否能解决你的问题是的，现在我明白了。我以为我把一切都关了。稍后我将检查服务器。

<head>
...
<script src="js/rafael.js" type="text/javascript"></script>
<script src="js/paper-full.js" type="text/javascript"></script>
<script src="js/mypaper.js" type="text/paperscript" canvas="myCanvas">
</head>
<body>
<canvas id='myCanvas' resize></canvas>
<script src="js/myrafael.js"></script>
...
</body>

<head>
...
<script src="js/rafael.js" type="text/javascript"></script>
<script src="js/paper-full.js" type="text/javascript"></script>
<script src="js/myrafaelpaper.js" type="text/paperscript" canvas="myCanvas">
</head>
<body>
<canvas id='myCanvas' resize></canvas>
<script src="js/myrafaelpaper.js"></script>
...
</body>

//rafael.js part
var paper = Raphael(0, 0, 320, 200);
var circle = paper.circle(0, 30, 50);
circle.attr("fill", "#f00");
console.log(circle.isPointInside(50, 30));

//paper.js part
var pathData = 'M100,50c0,27.614-22.386,50-50,50S0,77.614,0,50S22.386,0,50,0S100,22.386,100,50';
var path = new Path(pathData);
path.strokeColor = 'red';
path.strokeWidth = 5;
path.position+= new Point(100, 50);
path.segments[3].point.selected=true;