在畫布上揮動文字

Question

我該如何在類似於this頁面上發現的畫布元素上揮動文字？

Answer 1

編輯：@Ben，忘了downvotes無緣無故對你的問題，並... BE MY GUEST! :)

我以前從未有<canvas>編碼，這是非常有趣的。此時，不存在雙線性插值。我可能會重做它，並添加更多的花裏胡哨。

---

如果你想實現在JavaScript這樣的效果，你就必須有效地使用<canvas>標籤。

該原理在於預先計算大於源圖像維度的緩衝區中的失真函數。

看看舊的Flipcode Art of Demomaking column: Bitmap Distortion。這是一個很好的老寶石:)有關緩存的段落可能與基於<canvas>的實現無關。

這裏有很多Processing資源，所以最好看看Processing.js。

Answer 2

爲了互聯網的緣故，請不要這樣做。