javascript - キャンバス上のテキストを振る

Question

このページにあるものと同様に、canvas 要素で波打つテキストを作成するにはどうすればよいですか?

Answer 1

編集：@Ben、あなたの質問に理由もなく反対票を投じることを忘れてください、そして...私のゲストになってください！:)

今までコーディングしたこと<canvas>がなかったので、とても楽しかったです。この時点では、双一次補間はありません。私はそれを作り直して、さらにベルとホイッスルを追加するかもしれません。

---

JavaScript でこのような効果を実現したい場合は、<canvas>タグを効果的に使用する必要があります。

この原理は、ソース イメージのサイズよりも大きいバッファー内の歪み関数を事前に計算することにあります。

古いFlipcode Art of Demo Making コラムをご覧ください: Bitmap Distortion。これは古き良き逸品です:) ただし、キャッシュに関する段落は、<canvas>ベースの実装には関係ないかもしれません。

多くのProcessingリソースが存在するため、Processing.jsを参照することもお勧めします。

Answer 2

インターネットのために、そうしないでください。