挥舞在画布上的文字 [英] Waving text on canvas

问题描述

我怎么能作出类似一个canvas元素对什么是在这种波动文本页？

How could I make waving text on a canvas element similar to what is found on this page?

推荐答案

修改：@Ben，忘了downvotes无缘无故对你的问题，并...的 志云饭局 :)

EDIT: @Ben, forget about the downvotes for no reason on your question, and... BE MY GUEST! :)

我从来没有$ C $光盘＆LT;＆帆布GT; 之前，这是非常有趣。在这一点上，没有双线性插值。我可以返工，并添加更多花俏。

I never coded with <canvas> before, it was very fun. At this point, there is no bilinear interpolation. I might rework it and add more bells and whistles.

如果你想实现在JavaScript这样的效果，你就必须有效地使用＆LT;帆布方式＆gt; 标签

If you want to achieve such an effect in javascript, you'll effectively have to use the <canvas> tag.

原理在于$ P $在缓冲器比所述源图像尺寸大pcalculating一个失真函数

The principle consists in precalculating a distortion function in a buffer that is larger than the source image dimension.

看一看老的Flip$c$c Demomaking列的艺术：位图失真。这是一个很好的旧宝石:)关于缓存中的段落可能不相关的＆LT;帆布方式＆gt; 实施基础虽然

Have a look at the old Flipcode Art of Demomaking column: Bitmap Distortion. This is a good old gem :) The paragraph about the cache might not be relevant for a <canvas> based implementation though.

有很多处理资源在那里，所以它也有一个看的Processing.js 。

There are many Processing resources out there, so it's also a good idea to have a look at Processing.js.

这篇关于挥舞在画布上的文字的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！