如何从codepen中获取代码,并在我的文本编辑器中本地使用它?
http://codepen.io/mfields/pen/BhILt
我试图在本地玩这个创作,但当我用chrome打开它时,我得到一个空白的白页,没有任何进展.
<!DOCTYPE HTML>
<html>
<head>
<script> src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script type="text/javascript" src="celtic.js"></script>
<link rel="stylesheet" type="text/css" src="celtic.css"></link>
</head>
<body>
<canvas id="animation" width="400" height="400"></canvas>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
我已经将css和js复制,粘贴并保存到不同的文件中并保存,然后尝试将它们链接到html文件中,如上所示.
我已经包含了jquery库,因为我了解很多codepen创建使用它.
我得到的唯一控制台错误是
Uncaught TypeError: Cannot read property 'getContext' of null
Run Code Online (Sandbox Code Playgroud)
这是链接到我的js文件,第4行
(function(){
var canvas = document.getElementById( 'animation' ),
c = canvas.getContext( '2d' ),
Run Code Online (Sandbox Code Playgroud)
对不起,如果这是愚蠢的,但我对这一切都是新手.我确信这是基本的地狱.任何帮助都是极好的!