你会如何在文本上制作这种画笔动画？

Question

尝试加载这个网站，和悬停文字：

http://www.guillaumetomasi.com/

效果是相当不错的。一种动态的绘画。你会如何做到这一点？一些起点建议？插入？

我想这是纯HTML5/Canvas和SVG，不是吗？

Answer 1

如果你检查页面，你会发现源：http://www.pixijs.com/ 这一切都取决于Canvas显然。 Pixijs是一个巨大的库，可在GitHub上找到。

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

Answer 2

他绝对使用画布，你可以看到，如果你检查页面代码。 他可能使用文本作为基于哪些词语正在被覆盖而改变的图像的掩码。在悬停时，他将模糊效果应用于文字，该文字再次充当图像的蒙版。

看看http://www.w3schools.com/tags/canvas_globalcompositeoperation.asp的“面具”效果。