JQuery動畫使用筆寫文本

Question

我在我的應用程序中使用JQuery。我想要一些文本是動畫的，即，我希望在使用筆/鉛筆加載頁面時將文本寫入（動畫） Jquery中的圖像。

任何人都可以幫助我解決這個問題。

Answer 1

爲了真正地正常工作，您需要使用代碼來真正理解構成字體的字形的形狀，然後沿着這些路徑對鉛筆進行動畫處理。

我建議尋找到RaphaelJS：

http://raphaeljs.com/reference.html

這裏是Helvetica字體分爲路徑和動畫（不太你雖然想要的方式，但一開始） http://raphaeljs.com/helvetica.html

的一個很好的例子

它可以註冊一種字體，將字體轉換爲路徑，並且可以沿着該路徑創建一個形狀的動畫，這樣就可以將它們全部綁定在一起。你最終會追蹤這封信的邊緣，所以會跟蹤我的信件，但如果它的動畫足夠快，它應該看起來不錯。

Answer 2

祝你好運。這並不容易！

我會看canvas標籤+採用帆布基於庫如processing.js http://processingjs.org/

Answer 3

另一種（也許更容易）的做法實際上是把一個div你想動畫上面的文字。該div的內容是背景色。

當文檔準備就緒時，您將動畫文本上方的div滑動到右側，並且您有一種文本寫入效果。這並不完美，但如果時間不夠，值得嘗試。
想象一下下面的藍色正方形上面的文字股利，被動畫 - >滑向右或寬度爲0