如何在HTML中链接JavaScript框架/扩展？_Javascript_Css_Html_Fabricjs

如何在HTML中链接JavaScript框架/扩展？

javascript css html

如何在HTML中链接JavaScript框架/扩展？,javascript,css,html,fabricjs,Javascript,Css,Html,Fabricjs,我最近看到了很多框架和扩展，而且都是针对很多不同的东西。对我来说，仅仅使用原始JavaScript或原始jQuery是很难做到的。我想使用这些JS扩展/框架，但问题是我不知道如何将它们链接到我的HTML文档例如：我将其放入HTML的中，然后将代码写入另一个名为“script.js”（使用记事本制作）的文件中，但代码似乎不起作用我知道这是个问题，因为我没有正确链接它我想与一个与HTML5画布相关的项目合作。我认为我需要以某种方式将我的代码和框架两者联系起来，但我不确定该如何做我的HTML代

我最近看到了很多框架和扩展，而且都是针对很多不同的东西。对我来说，仅仅使用原始JavaScript或原始jQuery是很难做到的。我想使用这些JS扩展/框架，但问题是我不知道如何将它们链接到我的HTML文档

例如：

我将其放入HTML的

中，然后将代码写入另一个名为“script.js”（使用记事本制作）的文件中，但代码似乎不起作用

我知道这是个问题，因为我没有正确链接它

我想与一个与HTML5画布相关的项目合作。我认为我需要以某种方式将我的代码和框架两者联系起来，但我不确定该如何做

我的HTML代码：

<!DOCTYPE html>
<html>
<head>
<title>Code Example</title>
<link rel="stylesheet" type="text/css" href="stylesheet.css"/>
<script type="text/javscript" src="http://cdnjs.cloudflare.com/ajax/libs/fabric.js/1.4.0/fabric.min.js"></script>
</head>
<body>
 <canvas id="draw" width="250px" height="250px">This if browser doesn't support HTML5
 </canvas>
</body>
</html>

应该是这样工作的：

您需要首先在标题处加载fabric.js，然后加载js文件订单事项。

<script type='text/javascript' src='//cdnjs.cloudflare.com/ajax/libs/fabric.js/1.4.0/fabric.min.js'></script> 

<script type='text/javascript' src='yourjsfile.js'></script

您可能希望显示更多的代码。没有任何代码就无法帮助您解决此问题。我已添加了必要的编辑。请帮忙。谢谢。你把你的JS代码放在你的例子里的什么地方了？我在我的桌面上的记事本里把它做成了一个文件script.JS，在所有文件中键入而不是文本

<script type='text/javascript' src='//cdnjs.cloudflare.com/ajax/libs/fabric.js/1.4.0/fabric.min.js'></script> 

<script type='text/javascript' src='yourjsfile.js'></script

window.onload = function() {

    var canvas = new fabric.Canvas('draw');
        canvas.isDrawingMode = true;
        canvas.freeDrawingBrush.width = 5;
        canvas.freeDrawingBrush.color = "#ff0000";

    // create a rectangle object
    var rect = new fabric.Rect({
      left: 100,
      top: 100,
      fill: 'red',
      width: 20,
      height: 20
    });
    // you need to add the object to canvas
    canvas.add(rect);

}