文章/答案/技术大牛

发布

社区首页 >问答首页 >如何从Codepen获取代码，并在本地使用？

问如何从Codepen获取代码，并在本地使用？
EN

Stack Overflow用户

提问于 2015-04-26 11:14:51

回答 5查看 42.1K关注 0票数 21

如何从codepen中获取代码，并在文本编辑器中本地使用它？

http://codepen.io/mfields/pen/BhILt

我试图在本地使用这个创作，但是当我用铬打开它时，我会得到一个空白的白色页面，什么都不做。

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

我已经复制、粘贴和保存了css和js到不同的文件中，并保存了它们，然后尝试将它们链接到html文件中，如上面所示。

我还包括了jquery库，因为我理解很多代码依赖的创作都在使用它。

我得到的唯一的控制台错误是

Uncaught TypeError: Cannot read property 'getContext' of null

它链接到我的js文件，第4行。

(function(){

var canvas = document.getElementById( 'animation' ),
    c = canvas.getContext( '2d' ),

抱歉，如果这太蠢了，但我对这一切并不熟悉。我敢肯定这是最基本的。任何帮助都是很棒的！

html5-canvas

javascript

css

html

回答 5

Stack Overflow用户

回答已采纳

发布于 2015-04-26 11:29:17

Joe是对的，但我认为最好是使用出口你的钢笔 (使用Exporttoexport.zip选项在本地使用笔)。这将为您的笔提供一个工作版本，而不必复制和粘贴CSS、JavaScript和HTML代码，也不必对其进行更改以使其工作。

票数 19

Stack Overflow用户

发布于 2016-02-15 06:48:54

右键单击result框架并选择View Frame source。您可以复制源代码并将其粘贴到您自己的文本编辑器中。

票数 7

Stack Overflow用户

发布于 2015-04-26 11:23:04

在HTML完成加载之前，您的javascript似乎正在运行。如果你可以使用jQuery，把js放在里面；

    $( document ).ready(function() {
      // js goes in here.
    });

你可以试试这个..。

    function init() {
     // Run your javascript code here
  }
document.addEventListener("DOMContentLoaded", init, false);

票数 3

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/29876904

复制

相似问题

问如何从Codepen获取代码，并在本地使用？
EN

回答 5

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何从Codepen获取代码，并在本地使用？EN

回答 5

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何从Codepen获取代码，并在本地使用？
EN