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控制檯一看就看到有其他錯誤。