Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/373.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/84.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 JSG路径目录_Javascript_Html_Path_Raphael - Fatal编程技术网

Javascript JSG路径目录

Javascript JSG路径目录,javascript,html,path,raphael,Javascript,Html,Path,Raphael,我对脚本业务(特别是HTML和JavaScript)非常陌生 最近,我使用jsPhyloSVG代码通过JavaScript在HTML中创建一个系统树 网站: 然而,我在实现他们的代码时遇到了问题。无论何时尝试他们的源代码示例,我似乎都无法加载任何内容 他们的一个代码示例如下所示: HTML <html> <head> # Javascript code goes here </head> <body> <div id="svg

我对脚本业务(特别是HTML和JavaScript)非常陌生

最近,我使用jsPhyloSVG代码通过JavaScript在HTML中创建一个系统树

网站:

然而,我在实现他们的代码时遇到了问题。无论何时尝试他们的源代码示例,我似乎都无法加载任何内容

他们的一个代码示例如下所示:

HTML

<html>
<head>
    # Javascript code goes here
</head>
<body>
    <div id="svgCanvas"> </div>
</body>
</html>

#Javascript代码在这里
Javascript

<script type="text/javascript" src="/js/raphael/raphael-min.js" ></script> 
<script type="text/javascript" src="/js/jsphylosvg-min.js"></script> 

<script type="text/javascript">
window.onload = function(){
        var dataObject = { newick: '(((Espresso:2,(Milk Foam:2,Espresso Macchiato:5,((Steamed Milk:2,Cappuccino:2,(Whipped Cream:1,Chocolate Syrup:1,Cafe Mocha:3):5):5,Flat White:2):5):5):1,Coffee arabica:0.1,(Columbian:1.5,((Medium Roast:1,Viennese Roast:3,American Roast:5,Instant Coffee:9):2,Heavy Roast:0.1,French Roast:0.2,European Roast:1):5,Brazilian:0.1):1):1,Americano:10,Water:1);' };
        phylocanvas = new Smits.PhyloCanvas(
            dataObject,
            'svgCanvas', 
            500, 500
        );
};
</script>

window.onload=函数(){
var dataObject={newick:'((浓咖啡:2,(牛奶泡沫:2,浓咖啡:5,)蒸牛奶:2,卡布奇诺:2,(生奶油:1,巧克力糖浆:1,摩卡咖啡:3:5):5,纯白:2:5):5):1,阿拉伯咖啡:0.1,(哥伦比亚:1.5,((中烤:1,维也纳烤:3,美国烤:5,速溶咖啡:9):2,重烤:0.1,法国烤:0.2,欧洲烤:1)巴西队:0.1:1:1,美国队:10,水队:1);
phylocanvas=新的Smits.phylocanvas(
数据对象,
“svgCanvas”,
500, 500
);
};
当我试图在Notepad++中以HTML文件的形式运行它时,会得到一个空白的加载页面

在线示例:

我不确定我在记事本中实现JSSVG代码时做错了什么

我下载的JavaScript文件包括:jsphylosvg.js、jsphylosvg-min.js、raphael-min.js

这些都包含在网站的下载v1.55版本中

该网站告诉我只需使用

<html>
<head> 
<script type="text/javascript" src="/js/raphael/raphael-min.js" ></script> 
<script type="text/javascript" src="/js/jsphylosvg-min.js"></script>
</head>
<body>
    <div id="svgCanvas"> </div>

</body>
</html>

我不确定我做错了什么,我相信这是src引用中的目录路径,但我不知道如何引用正确的目录。我也尝试过复制粘贴目录(到javascript文件),但似乎不起作用