【问题标题】:How would you make this kind of paint animation over a text?您将如何在文本上制作这种绘画动画?
【发布时间】:2015-12-14 01:26:31
【问题描述】:

尝试加载此网站,然后将文本悬停:

http://www.guillaumetomasi.com/

效果还不错。一种动态的绘画。你会怎么做?一些起点建议?插件?

我猜它是纯 HTML5/Canvas 和 SVG,不是吗?

【问题讨论】:

  • 这个是用canvas/svg...

标签: javascript css html animation svg


【解决方案1】:

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

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

【讨论】:

    【解决方案2】:

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

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2020-10-01
      • 1970-01-01
      • 2014-01-26
      • 1970-01-01
      • 1970-01-01
      • 2014-07-19
      • 2013-05-18
      • 1970-01-01
      相关资源
      最近更新 更多