Advertisement

图片实现从模糊到清晰的效果

阅读量:

首先需要获取模糊图像与清晰图像,在蓝湖平台中,模糊图像对应的是标准点一倍图,而清晰图像则对应高清视网膜三倍图

复制代码
    <img id="btn3" :src="require('@/assets/images/landing/btn3-s.png')" @click="postRegister">
    <img id="plat" class="mt55 img-box" width="100%" :src="require('@/assets/images/landing/plat-s.png')">
    <img id="check" class="mt10 img-box" width="100%" :src="require('@/assets/images/landing/check-s.png')">
    <img id="partner" class="mt10 img-box" width="100%" :src="require('@/assets/images/landing/partner-s.png')">
    
    
      
      
      
      
    

初始阶段,所采用的路径为模糊图。需特别注意的是,模糊图的命名方式在其后附加-s,而清晰图的命名与其对应的ID名称保持一致。

全部评论 (0)

还没有任何评论哟~