时间戳

首页 > 解决方案 > 卡在 javascript.working 与 html 画布中

javascript - 卡在 javascript.working 与 html 画布中

问题描述

我正在创建一个网站，我想在其中使用 html 画布。我从 codepen 得到了一个代码片段，现在我被卡住了。谁能帮我？

HTML

<canvas id='canvas' width="1520" height="760"></canvas>
<script src="jsss.js"></script>

javascript

jsss.js

(function ($, window) {

}($, window));


// Init plugin
$('canvas').constellation({
    star: {
        width: 3
    },
    line: {
        color: 'rgba(255, 255, 255, .5)'
    },
    length: (window.innerWidth / 6),
    radius: (window.innerWidth / 5)
});

我得到的错误是：

参考错误：$未定义

标签： javascripthtmlcanvas

解决方案

您可能需要加载jQuery才能使其正常工作。

美元符号 ( $) 在 JavaScript 中与其他语言中的特殊符号不同，但 jQuery 将它变成了一个函数，您可以使用CSS 选择器作为参数调用该函数。然后，您可以对该函数调用返回的对象调用方法。

在您的示例中，您似乎正在尝试在为元素constellation创建的 jQuery 对象上调用方法。canvas该功能可能由 jQuery 插件提供。所以，你需要安装两件东西才能让它工作：jQuery 和“星座”插件。

值得注意的是，jQuery 大多是一种过时的技术。自从 jQuery 处于其流行的顶峰以来，JavaScript 已经发生了变化和改进，不再值得使用该库的开销。您不应该使用 jQuery 构建任何新代码。

如果这是您引用的笔，则作者使用Zepto作为 jQuery 的替代品。它在代码注释中这样说，并在 JavaScript 设置中引用。看起来该库的重点是解决在支持相同语法的同时使用 jQuery 增加的开销的一些问题。尽管如此，这仍然是不必要的开销，您可以在没有开销和标准 JavaScript 语法的情况下完成所有这些工作。

推荐阅读