javascript - 在画布上挥动文字

Question

如何在画布元素上制作类似于此页面上的内容的挥动文本？

Answer 1

编辑：@Ben，无缘无故忘记你的问题，并且......做我的客人！:)

我以前从未编写过代码<canvas>，这很有趣。此时，没有双线性插值。我可能会修改它并添加更多的花里胡哨。

---

如果你想在 javascript 中实现这样的效果，你必须有效地使用<canvas>标签。

原理在于在大于源图像尺寸的缓冲区中预先计算失真函数。

看看旧的 Demomaking 的 Flipcode Art 专栏：Bitmap Distortion。这是一个很好的老gem :) 虽然关于缓存的段落可能与<canvas>基于实现无关。

那里有很多处理资源，所以看看Processing.js也是一个好主意。

Answer 2

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