欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Laya中图片自适应,

程序员文章站 2022-05-05 12:29:44
...

项目中的图片是1920*1080尺寸,遍历渲染时,需要渲染成80*80正方形,例如

Laya中图片自适应,

 如果直接设置Image的尺寸为80*80,那么图片便会变形,所以就需要自动裁剪这个图片,

由1920*1080得图片比例约为142 80,所以裁剪时,设置固定尺寸为142*80,然后裁剪中间一部分就可以了

let device = new Laya.Sprite();
device.size(80,80);
let deviceImage = new Laya.Sprite();
deviceImage.loadImage('图片相关资源');
deviceImage.size(140, 80);
//图片裁剪代码 裁剪距离右边31,高度不变的图片尺寸
deviceImage.scrollRect = new Laya.Rectangle(31, 0, 80, 80);
device.addChild(deviceImage);

 

相关标签: Laya Laya学习