我正在研究this animation,當它懸停在文本上時,它以美麗的方式進行動畫處理。如何在這個JavaScript動畫中使用隨機字母?
但我想更改此動畫。我想使用隨機字符而不是圓圈一個unicode生日蛋糕符號。
問題是我找不到circle
在bubbles.js
文件中的任何地方的定義,看起來像它circle
是在jQuery文件裏面的某個地方定義的。
我正在研究this animation,當它懸停在文本上時,它以美麗的方式進行動畫處理。如何在這個JavaScript動畫中使用隨機字母?
但我想更改此動畫。我想使用隨機字符而不是圓圈一個unicode生日蛋糕符號。
問題是我找不到circle
在bubbles.js
文件中的任何地方的定義,看起來像它circle
是在jQuery文件裏面的某個地方定義的。
在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);
你可能會更好創造一個生日蛋糕的圖像,然後繪製圖像:
我想使用'font-face' css屬性來導入和定義Web上的字體,以取消用戶沒有正確字體的機會,但[在CSS中執行此操作](http://pastebin.com/C1sbYSB8)文件和[this](http://pastebin.com/dkw5HAWq)在JavaScript文件中不呈現WebFont。我究竟做錯了什麼? –
@SantoshKumar - 您可能會遇到_same域名restriction_,這意味着您必須將字體文件複製到您的域名並從那裏提供。 –
請把相關的代碼,你的問題,對進入的問題,而不僅僅是外部鏈接。 – jfriend00
查看'var letterColors = [紅色,橙色,綠色,藍色,紫色];'在main.js中 –
您在尋找什麼定義?一個「圈子」功能?變量?串? – jfriend00