Есть ли теги, которые могут решить эту проблему? - PullRequest
Новая
       14

Есть ли теги, которые могут решить эту проблему?

0 голосов
/ 06 июня 2019

Новичок в кодировании, пытаясь понять, что / если теги заставят этот код работать

Так что я новичок с базовым пониманием и большим количеством графики / дизайнера, чем основанного на коде.Я нашел кодовую ручку WEDOO: (https://codepen.io/WEDOO/pen/EQrOxV)

, которая имеет именно то, что мне нужно, и хочу попробовать просто поменять мои «animationData», чтобы посмотреть, смогу ли я заставить его работать, а затем изменить его по мере необходимости для моегоtest (будет назначать код кнопки различным объектам для SVG).Кажется, я не могу найти правильные «Теги» или определить, ссылается ли он на внешний скрипт ... Я бы представил, что ему просто нужна правильная информация для работы ... Это правильно?

Спасибо вadvance! 

```\var animation = bodymovin.loadAnimation({
container: targetAnim,
path: 'https://s3-us-west-2.amazonaws.com/s.cdpn.io/914929/data-testo4.json...```

Мой вывод из BodyMovin в файле JSON: 

```var animationData = 
{"v":"5.4.2","fr":29.9700012207031,"ip":0,"op":149.000006068894...```

Имеет ли смысл думать, что мне нужно заменить «var animation» на информацию, которая должна быть"targetAnim" с кодом в файле JSON?Пока что положить «var animationData» ломает вещи и ничего не делает (визуально).

1 Ответ

0 голосов
/ 12 июня 2019

В bodymovin.loadAnimation может быть передан либо URL-адрес JSON Bodymovin с помощью опции path, либо вы можете передать встроенный JSON-анимацию, установив вместо этого параметр animationData.

В вашем случае это будет выглядеть примерно так: 

var animation = bodymovin.loadAnimation({
  container: targetAnim,
  animationData = {"v":"5.4.2","fr":29.9700012207031,"ip":0,"op":149.000006068894...
...
})
...