在画布上挥舞着文本

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

为了互联网，请不要这样做。