微信小程序按比例缩放图片不变形

阅读量：

问题

在学习微信小程序开发过程中，遇到了图片显示不完整的问题；尝试设置width=100%后，图片出现了变形现象，无论如何调整，最终效果均不理想；
先前的展示效果
早期所采用的代码

复制代码

    <image class="bg" src="../img/bg.jpg" 
    >
    
    
    AI写代码javascript
    
    运行

左图呈现的是处理后的显示效果，而右图则为原始图像。

在image标签内添加相关内容

复制代码

    mode="widthFix"
    
    
    AI写代码javascript
    
    运行

复制代码

     <image class="bg" src="../img/bg.jpg" 
      mode="widthFix"
      >
    
    
    AI写代码javascript
    
    运行

呈现效果：

![在这里插入图片描述](https://cdl.ita

还没有任何评论哟~