Блог

Главная - Вопросы по программированию - Как управлять типом, отображаемым с помощью react-Lottie (svg / video tag)

Как управлять типом, отображаемым с помощью react-Lottie (svg / video tag)

#reactjs #lottie

#reactjs #лотти

Вопрос:

Я отрисовал две анимации react-Lottie в своем приложении. Один отображается в dom как video тег. и один отображается как SVG тег. Как мне управлять отображаемым типом?

   const MyOptions: Options = {
    loop: true,
    autoplay: true,
    animationData,
    rendererSettings: {
      preserveAspectRatio: 'xMidYMid slice',
    },
  };
  return (
    <Lottie options={MyOptions}/>
  );

Комментарии:

1. Не могли бы вы опубликовать пример изолированной среды кода этой проблемы? Проще отлаживать то же самое.

2. Эй, я добавил код.

3. Спасибо, хотя этот код будет иметь смысл при настройке, можете ли вы воспроизвести его через https; //codesandbox.io / или аналогичный онлайн-инструмент и показать результат? Так легче понять, какую ошибку вы видите или какие проблемы видны визуально.

4. У меня нет ошибок, я просто иногда получаю SVG, а иногда и видео, мой вопрос: как это контролировать?

5. Конечно, можете ли вы воспроизвести это с помощью codesandbox.io ? Так проще отлаживать и предоставлять больше информации.

Метки: