版本3.8.7【画布背景透明】【H5图片背景适配】

[452010348]

1.场景编辑器

2.代码

import { _decorator, Camera, Color, Component, ResolutionPolicy, view } from 'cc';
@_decorator.ccclass('H5BgFit')
export class H5BgFit extends Component {
    @property(Camera)
    mainCamera: Camera = null!; // 绑定场景中的主相机
    protected onLoad(): void {
        const imageUrl = `https://images.pexels.com/photos/235986/pexels-photo-235986.jpeg?_gl=1*p5nnsb*_ga*MTc0NjI1MzY3MC4xNzU2MTAxNTk0*_ga_8JE65Q40S6*czE3NTYxMDE1OTQkbzEkZzAkdDE3NTYxMDE1OTQkajYwJGwwJGgw`;
        document?.body?.style?.background = `url(${imageUrl}) center / cover no-repeat`;
        // this.mainCamera.clearFlags = Camera.ClearFlag.SOLID_COLOR; 
        // this.mainCamera.clearColor = new Color(0, 0, 0, 0); 
    }

3.效果