HTML5 画布和bubble.js

Question

我正在尝试添加 HTML5 canvas，并且我想在画布中为一些文本设置动画。我正在使用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, letterColors) 之前，它就会起作用。

Answer 1

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

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 控制台以查看任何其他错误。