适应模糊的javascript（定位一个漂亮的画布动画）

在Codepen上，我发现Javascript、jQuery和canvas元素有一个简洁的交互式图形使用

注意：在阅读了下面的评论之后，我删除了我的演示 上传，甚至钢笔的作者也承认他只是想 玩它，而不是创造它。因此，我只是链接到它而已 因为它很整洁，但是未经允许使用它是不允许的。谢谢 谢谢你引起我的注意

我想要的是把它插入到我网站的主页上，在前面和中间的“正在建设的信息”的地方。我对JS很陌生，但我对HTML和CSS很好，并且知道DOM的基本原理……我想我能想出如何适当地调整它，但没有运气，当我插入代码时，就像HTML在DIV中一样，它就像现在一样漂浮在屏幕中间。 大约90%的页面底部有几行代码：

$(function () {
function n(d) {
    var b = "";
    for (jj = 0; jj < d.length; jj++) b += d.charCodeAt(jj).toString(16);
    return b
}
function p() {
    j.attr({
        height: $(window).height(),
        width: $(window).width()
    });
    k = j.width();
    l = j.height();
    q()
}

$（函数（）{
函数n（d）{
var b=“”；
对于（jj=0；jj

整个高度和宽度看起来很有希望，但制作和调整完全破坏了它。有谁能向我解释一下如何理解或成功地操作此代码，以便我可以定位它…甚至可以允许它在不同大小的浏览器窗口中适当显示（我使用CSS媒体查询）

---

我阅读了这里的每一篇似乎相关的文章，但老实说，我甚至可能没有使用相关的查询短语，因为我不确定我是否使用了正确的术语。我完全不知道这一点，有点不适合我，谢谢你的耐心。

我不确定你想改变什么，但“你好”的位置如果修改文件最底部的

180

（对于

curPos

和

originalPos

），则会发生更改。你真的应该链接到找到该脚本的Codepen页面。如果它像这样模糊，你确定你可以使用它吗？你知道这段代码源于哪个？我知道它来自dazzle cms，但是（我在那里查看了原件），但我不知道他们有一个博客（或者看到任何导航或其他东西）.我会调查的…我甚至不知道它是模糊的，我猜所有的数字都是每个点的坐标，但我真的不知道它的头尾。-谢谢