Предварительный загрузчик React Three Fiber Model трансформируется по умолчанию? ⇐ CSS

[Anonymous]

Я добавил предварительный загрузчик к своей 3D-модели в проекте React Three Fiber (R3F). Я хочу отображать изображение-заполнитель во время загрузки модели. После завершения загрузки модели R3F заменит изображение-заполнитель фактической 3D-моделью.
Это мой компонент холста.

Код: Выделить всё

и это мой компонент ModelLoader

Код: Выделить всё

import { useProgress } from "@react-three/drei";
import ModelPlaceholder from "/assets/images/excellent.webp";

export const ModelLoader = () => {
const { progress } = useProgress();

return (


[img]{ModelPlaceholder} alt=[/img]


{progress.toFixed(2)}%


);
};

Я добавил изображение на холст, но оно не центрировано. Когда я попытался использовать позицию: Absolute; верх: 0; слева: 0; ширина: 100%; высота: 100%;, чтобы покрыть весь холст, это сработало не так, как ожидалось. Я не смог найти эффективного решения. Есть предложения?

Подробнее здесь: https://stackoverflow.com/questions/793 ... by-default