怎么用vue实现点击图片(按钮)的波纹效果(涟漪动效)

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了怎么用vue实现点击图片(按钮)的波纹效果(涟漪动效)相关的知识,希望对你有一定的参考价值。

参考技术A 1.先是通过鼠标的点击事件的target属性获取点击的节点,获取该节点的宽和高(offset)

2.通过layerX,layerY获取鼠标位置

3.播放动画

wave.vue

以上是关于怎么用vue实现点击图片(按钮)的波纹效果(涟漪动效)的主要内容,如果未能解决你的问题,请参考以下文章

悬停时的CSS波纹效果?

ImageView 覆盖了覆盖按钮的波纹效果

在 Android 和 iOS 上点击自定义按钮时,实现“突出显示效果”而不是“涟漪效果”

Vue 波纹按钮组件

如何使用 HTML5 Canvas 制作水波纹效果

帮我更改一下button点击效果 水纹效果。