求教:如何判断背景图完全展示在相机里

一张适配手机的背景图,如果比例对不上就会出现拉伸以及顶部底部出现黑色带的情况(这是我们一个小项目题材,图片完全适配手机的),调相机也没调到完全适配,请问各位大佬,如何设置能让背景图完全展示在相机里面而且不出现黑边,或者不用相机的方法,我就做一个2D,感觉用不到相机

下图是目前css实现的页面:

Canvas组件直接删除相机好像不可以,删除后啥都看不到了:

使用 widget 组件不行?就是可能变形

widget 组件是指canvas下面直接创建widget 组件而不是Sprite组件吗?
变形可能不太行,有没有完全适配的方式?

背景图做大一点,内容居中

这是个方式,目前问题是图片不能适配相机,导致UI比例失真,做出来的东西跟设计稿对不上,整张图放上去没问题,现在是要切图按照位置放

或者修改相机的 orthoheight ?

目前就是修改这个值做的,这个看不到图片完全适配相机,观察起来基本不可能相机窗口看到的跟运行不一样,而且相机窗口太小,无法跟设计稿对比

求大佬指点

需求是背景图铺满屏幕的话,在背景图上加一个widget组件,将上下左右都勾上就行了啊。

1赞

是这种方式吗?

这是3.X吗,我没用过3.X,但我说的肯定不是这个。3.X没有widget组件吗?

想全屏适配 只能等比例缩放。

我研究下,楼上说可能变形,我就没研究……

你这基本纯色的,可以切九宫。不然无论如何都会有黑边。

let scale = Math.max(cc.winSize.height/1280,cc.winSize.width/720);
this.bg.setScale(scale);

1赞

这个也可以解决