歌手详情页：下拉方大歌手图片

转载于 2018-08-12 12:05:00 发布 · 78 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/yangguoe/p/9462610.html

本文介绍了一种基于背景图片的缩放方法，通过计算新的高度比例来实现图片的动态缩放效果，并提供了具体的实现代码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.缩放图片；

1   // 背景图片的缩放
2           let scale = 1
3           const percent = Math.abs(newY/this.imageHeight)//这么计算，图片的高度相当于增加了newY;
4           if(newY > 0){//向下拉的时候
5             scale = 1 + percent
6           }
7           this.$refs.bgImage.style['transform'] = `scale(${scale})`
8           this.$refs.bgImage.style['webkittransform']  = `scale(${scale})`
9         }