如何在文本上绘制这种动画呢?

How would you make this kind of paint animation over a text?

本文关键字：动画绘制文本更新时间：2023-09-26

尝试加载此网站，并将文本悬停:

http://www.guillaumetomasi.com/

效果很好。在上面画了一幅动态的画。你会怎么做呢?一些起点建议?插件吗?

我猜它是普通的HTML5/Canvas和SVG，不是吗?

如果您检查页面，您将找到源代码:http://www.pixijs.com/这显然取决于Canvas。Pixijs是一个巨大的库，在GitHub上找到。

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

他肯定在使用画布，如果你检查页面代码，你可以看到这一点。他可能是用文字作为图像的遮罩，这些图像会根据悬停在哪组单词上而变化。在悬停时，他应用模糊效果的文字，再次作为蒙版的图像。

查看http://www.w3schools.com/tags/canvas_globalcompositeoperation.asp的"mask"效果