你会如何在文本上制作这种绘画动画?

时间:2015-09-17 08:36:19

标签: javascript css html5 animation svg

尝试加载此网站,并将文字悬停:

http://www.guillaumetomasi.com/

效果非常好。一种动态的绘画。你会怎么做?一些起点建议?插件?

我想这是简单的HTML5 / Canvas和SVG,不是吗?

2 个答案:

答案 0 :(得分:3)

如果你检查页面,你会找到来源:http://www.pixijs.com/ 这显然取决于Canvas。 Pixijs是一个庞大的图书馆,可以在GitHub上找到。

https://github.com/pixijs/pixi.js

答案 1 :(得分:0)

他肯定使用画布,你可以看到,如果你检查页面代码。 他可能会使用文本作为图像的掩码,这些图像会根据正在悬停的单词组而发生变化。在悬停时,他将模糊效果应用于文本,该文本再次充当图像的蒙版。

看一下http://www.w3schools.com/tags/canvas_globalcompositeoperation.asp"掩码"效果。