Javascript HTML5画布和bubble.js

我正在尝试添加一个HTML5画布，我想在画布中设置一些文本的动画。我正在使用

alphabet.js

，

bubble.js

，以及一个自定义脚本。正在尝试在我的标题中添加画布

我的所有脚本和画布都已正确加载，但以下脚本不起作用：

jQuery(document).ready(function($) {
    var red = [0, 100, 63];
    var blue = [196, 77, 55];
    var green = [75, 100, 40];
    var orange = [40, 77, 55];
    var purple = [280, 50, 60];
    alert("Hello!");
    var myName = "Welcome to";
    var letterColors = [blue, red, orange, green, purple];
    if ( 15 > 5 ) {
        bubbleShape = "circle";
    } else {
        bubbleShape = "square";
    }
    drawName(myName, letterColors);
    bounceBubbles();
});

---

如果我在脚本中添加了一条警告消息，如果我将其放在

drawName（myName，LetterColor）

之前，它就会起作用。假设没有其他问题，这可能会解决您的问题。这是一个围绕数组值的引号的简单问题：

jQuery(document).ready(function($) {
    var red = [0, 100, 63];
    var blue = [196, 77, 55];
    var green = [75, 100, 40];
    var orange = [40, 77, 55];
    var purple = [280, 50, 60];
    alert("Hello!");
    var myName = "Welcome to";
    var letterColors = ['blue', 'red', 'orange', 'green', 'purple'];
    if ( 15 > 5 ) {
        bubbleShape = "circle";
    } else {
        bubbleShape = "square";
    }
    drawName(myName, letterColors);
    bounceBubbles();
});

---

如果失败，请查看javascript控制台以查看任何其他错误。

这可能会解决您的问题，假设没有其他问题发生。这是一个围绕数组值的引号的简单问题：

jQuery(document).ready(function($) {
    var red = [0, 100, 63];
    var blue = [196, 77, 55];
    var green = [75, 100, 40];
    var orange = [40, 77, 55];
    var purple = [280, 50, 60];
    alert("Hello!");
    var myName = "Welcome to";
    var letterColors = ['blue', 'red', 'orange', 'green', 'purple'];
    if ( 15 > 5 ) {
        bubbleShape = "circle";
    } else {
        bubbleShape = "square";
    }
    drawName(myName, letterColors);
    bounceBubbles();
});

---

如果做不到这一点，请查看javascript控制台以查看任何其他错误。

您需要了解如何正确构建数组（）。您需要确保数组值周围有引号。您需要了解如何正确构建数组（）。您需要确保数组值周围有引号。感谢Adam a。尝试此操作后，控制台中仍然出现错误：drawName未定义是否在标头中或结尾“”标记之前包含了“bubble.js”？感谢Adam a。尝试此操作后，控制台中仍然出现错误：drawName未定义是否有“bubble.js”包含在head中还是在closing“”标记之前？