egret纹理填充模式(上下填充)

简介: egret纹理填充模式(上下填充)
推荐阅读:

首先,我们准备两张图片,一张作为背景“瓶子”,一张作位填充物“饮料”。
在这里插入图片描述
在皮肤里我们设置右边图片的填充模式为“repeat”,修改Y的缩放为:-1。,调整图片位置使之与地图重合,如下:
在这里插入图片描述
现在,我们可以通过修改填充图片的高度来增加或减少填充物,代码如下:

//更新聊天界面好感度
let heartNum=50;//数字
//假设填充物的计算方法为:heartNum*0.75+25
if (heartNum < 100) {
this.goodImg.height = heartNum * 0.75 + 25;
}

需要特别说明的是。填充图片须为正常方向旋转180度后的图片。
如下:

       ![在这里插入图片描述](https://ucc.alicdn.com/images/user-upload-01/img_convert/874e10f9145ff33ff4f206bc7876a596.png)&emsp; &emsp; ![在这里插入图片描述](https://ucc.alicdn.com/images/user-upload-01/img_convert/7cd235a13af27263cfcec18fe04b2433.png)                 
    &emsp; 正常                                       &emsp; &emsp; &emsp; &emsp;  旋转180度后

效果如下:
在这里插入图片描述

相关文章
|
关系型数据库 分布式数据库 数据库
【PolarDB开源】PolarDB与微服务架构的融合:灵活扩展与高效管理
【5月更文挑战第23天】阿里云PolarDB是适用于微服务的高性能分布式数据库,提供数据分片、水平扩展及高可用性解决方案。通过SQL或API实现弹性扩展,内置故障转移保障服务连续性,且兼容MySQL协议,易于集成微服务生态。通过Spring Boot示例展示了PolarDB的配置与集成过程,强调其在现代云原生应用中的重要角色。
283 1
|
网络协议 Unix Linux
`AF_INET`
`AF_INET`
366 3
|
12月前
|
Android开发 Kotlin
Android经典面试题之Kotlin的==和===有什么区别?
本文介绍了 Kotlin 中 `==` 和 `===` 操作符的区别:`==` 用于比较值是否相等,而 `===` 用于检查对象身份。对于基本类型,两者行为相似;对于对象引用,`==` 比较值相等性,`===` 检查引用是否指向同一实例。此外,还列举了其他常用比较操作符及其应用场景。
276 94
|
9月前
|
数据挖掘 OLAP BI
OLAP技术:数据分析的修仙秘籍初探
OLAP(联机分析处理)是一种多维数据分析技术,能够从不同角度洞察数据,揭示隐藏的趋势和模式。它最早由Edgar F. Codd在1993年提出,旨在弥补传统OLTP系统的不足,支持复杂的数据分析与决策支持。OLAP操作包括钻取、上卷、切片、切块和旋转等,帮助用户灵活地探索数据。广泛应用于财务报告、市场分析、库存管理和预测分析等领域,是现代商业智能的重要工具。
275 7
|
11月前
|
存储 SQL 关系型数据库
MySQL 存储过程错误信息不打印在控制台
MySQL 存储过程错误信息不打印在控制台
192 1
LabVIEW中不同颜色连线的含义
LabVIEW中不同颜色连线的含义
339 2
|
前端开发 JavaScript 数据可视化
2022年中高级前端需要学习的25种前端技术栈
2022年中高级前端需要学习的25种前端技术栈
284 0
2022年中高级前端需要学习的25种前端技术栈
|
JSON 缓存 C#
提高游戏开发效率之配置表生成工具
提高游戏开发效率之配置表生成工具
954 1
提高游戏开发效率之配置表生成工具
|
安全 算法 网络安全
阿里云转发路由器:构建企业级互联网络的强大引擎
本文探讨了阿里云转发路由器的核心功能和优势,包括同地域和跨地域的流量转发、灵活的互通和隔离策略、云数据传输服务等。通过学习评测,用户可以更好地了解如何将VPC实例连接至云企业网,实现不同VPC之间的互通,并控制流量互通。阿里云转发路由器为企业提供了一张灵活、可靠、大规模的互联网络,是构建企业级网络的重要组件。
529 0
|
算法 计算机视觉
【MATLAB 】 EEMD信号分解+FFT傅里叶频谱变换组合算法
【MATLAB 】 EEMD信号分解+FFT傅里叶频谱变换组合算法
409 0