HTML5帆布和bubble.js

Question

我想添加一个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, 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控制台一看就看到有其他错误。