码农知识堂 - 1000bd
  •   Python
  •   PHP
  •   JS/TS
  •   JAVA
  •   C/C++
  •   C#
  •   GO
  •   Kotlin
  •   Swift
  • image标签图片变形


    官方提供了自己的方法,只需要给image标签添加mode属性即可,在对应上对应的参数即可完美解决。

    语法
    <image src="http://cdn.duanqinghua.com/duanqinghua/img/65.jpg" mode="aspectFill"></image>
    mode的合法值
    值说明
    scaleToFill缩放模式,不保持纵横比缩放图片,使图片的宽高完全拉伸至填满 image 元素
    aspectFit缩放模式,保持纵横比缩放图片,使图片的长边能完全显示出来。也就是说,可以完整地将图片显示出来。
    aspectFill缩放模式,保持纵横比缩放图片,只保证图片的短边能完全显示出来。也就是说,图片通常只在水平或垂直方向是完整的,另一个方向将会发生截取。
    widthFix缩放模式,宽度不变,高度自动变化,保持原图宽高比不变
    heightFix缩放模式,高度不变,宽度自动变化,保持原图宽高比不变
    top裁剪模式,不缩放图片,只显示图片的顶部区域
    bottom裁剪模式,不缩放图片,只显示图片的底部区域
    center裁剪模式,不缩放图片,只显示图片的中间区域
    left裁剪模式,不缩放图片,只显示图片的左边区域
    right裁剪模式,不缩放图片,只显示图片的右边区域
    top left裁剪模式,不缩放图片,只显示图片的左上边区域
    top right裁剪模式,不缩放图片,只显示图片的右上边区域
    bottom left裁剪模式,不缩放图片,只显示图片的左下边区域
    bottom right裁剪模式,不缩放图片,只显示图片的右下边区域
    Bug & Tip

    tip:image组件默认宽度320px、高度240px

    tip:image组件中二维码/小程序码图片不支持长按识别。仅在wx.previewImage中支持长按识别

    image | 微信开放文档

  • 相关阅读:
    【流行框架】Dubbo
    不规则形状的图例制作
    web前端课程设计——重庆旅游7页 HTML+CSS+JavaScript
    稻草熊娱乐股价再创新低:年内累计跌幅达80%,赵丽颖曾是其股东
    看守所视频AI行为分析系统
    Apollo简易地图制作
    【STM32】【HAL库】【实用制作】数控收音机(硬件设计)
    每日汇评:积极的数据可能会推动澳元/美元的上涨
    学习Python,你至少要练习这些代码之13
    java-- 静态数组
  • 原文地址:https://blog.csdn.net/qq_37194189/article/details/133861185
  • 最新文章
  • Lua--基础入门
    AI写代码,脑子却空了
    从零学习Kafka:幂等与事务
    别再说 AI 开发就是调接口了!5 种主流模式一次讲清
    让FastAPI Agent真正记住你:聊聊会话记忆与持久化存储的落地实践
    AI Coding Agent 时代:代码越便宜,约束越贵
    14. 别再硬写提示词了!LangChain PromptTemplate从入门到实战
    Agent出现LLM因为历史工具调用消息而误解工具调用方式的问题
    [实例] SPI接口的ADC芯片全通道纯硬件驱动——基于HAL库和TLA2518芯片
    龙芯2k0300 - 智能车走马观碑组目标检测算法
  • 热门文章
  • 十款代码表白小特效 一个比一个浪漫 赶紧收藏起来吧!!!
    奉劝各位学弟学妹们,该打造你的技术影响力了!
    五年了,我在 CSDN 的两个一百万。
    Java俄罗斯方块,老程序员花了一个周末,连接中学年代!
    面试官都震惊,你这网络基础可以啊!
    你真的会用百度吗?我不信 — 那些不为人知的搜索引擎语法
    心情不好的时候,用 Python 画棵樱花树送给自己吧
    通宵一晚做出来的一款类似CS的第一人称射击游戏Demo!原来做游戏也不是很难,连憨憨学妹都学会了!
    13 万字 C 语言从入门到精通保姆级教程2021 年版
    10行代码集2000张美女图,Python爬虫120例,再上征途
小工具 小游戏
Copyright © 2022 侵权请联系2656653265@qq.com    京ICP备2022015340号-1

京公网安备 11010502049817号