javascript - HTML5 Canvas 和 bubble.js

Question

我正在尝试添加 HTML5 Canvas ，并且在 Canvas 中我想为一些文本添加动画。我正在使用 alphabet.js、bubble.js 和自定义脚本。尝试在我的标题中添加 Canvas 。

我的所有脚本和 Canvas 均已正确加载，但以下脚本无法正常工作:

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