2015-05-16 28 views
2

我正在研究this animation,當它懸停在文本上時,它以美麗的方式進行動畫處理。如何在這個JavaScript動畫中使用隨機字母?

但我想更改此動畫。我想使用隨機字符而不是圓圈一個unicode生日蛋糕符號

問題是我找不到circlebubbles.js文件中的任何地方的定義,看起來像它circle是在jQuery文件裏面的某個地方定義的。

+1

請把相關的代碼,你的問題,對進入的問題,而不僅僅是外部鏈接。 – jfriend00

+0

查看'var letterColors = [紅色,橙色,綠色,藍色,紫色];'在main.js中 –

+0

您在尋找什麼定義?一個「圈子」功能?變量?串? – jfriend00

回答

0

在bubbles.js,形狀繪製在與行啓動功能:

this.draw = function (bubbleShape, dx, dy) { 

這裏是an article,顯示如何添加三角形和心靈。

如果要繪製一個字符,則必須引用支持該字符的字體,並且瀏覽器必須具有該字體。

你可以嘗試:

ctx.fillStyle = this.color; 
ctx.font = '40pt Symbola'; 
ctx.fillText('', this.curPos.x + dx, this.curPos.y + dy); 

你可能會更好創造一個生日蛋糕的圖像,然後繪製圖像:

+0

我想使用'font-face' css屬性來導入和定義Web上的字體,以取消用戶沒有正確字體的機會,但[在CSS中執行此操作](http://pastebin.com/C1sbYSB8)文件和[this](http://pastebin.com/dkw5HAWq)在JavaScript文件中不呈現WebFont。我究竟做錯了什麼? –

+0

@SantoshKumar - 您可能會遇到_same域名restriction_,這意味着您必須將字體文件複製到您的域名並從那裏提供。 –