Question

我对脚本业务非常陌生（特别是在HTML和JavaScript中）。

最近我使用jsPhyloSVG代码，以便通过JavaScript在HTML中创建一个系统发育树。

网站：http://www.jsphylosvg.com

但是，我在实现代码方面遇到了问题。每当试用他们的源代码示例时，我似乎无法加载任何东西。

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

HTML

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

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

当我尝试在Notepad ++中将其作为HTML文件运行时，我得到一个空白的加载页面。

在线示例：http://www.jsphylosvg.com/examples/1-load-simple-tree.php

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

我下载的JavaScript文件： jsphylosvg.js ， jsphylosvg-min.js ， raphael-min.js

网站中包含的内容＆＃39;下载v1.55版本。

该网站告诉我只需使用

制作HTML骨架

<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文件），但它似乎没有用。

jsPhylogSVG路径目录

0 个答案: