| <html xmlns="http://www.w3.org/1999/xhtml"> |
| <meta charset="UTF-8"> |
| <head> |
| <script src="../bodymovin.js"></script> |
| </head> |
| <body style="background-color:#ccc; margin: 0px;height: 100%; font-family: sans-serif;font-size: 10px"> |
| |
| <!-- <div style="width:1350px;height:650px;background-color:#faf5d3;display:inline-block;" class="bodymovin" data-bm-path="exports/render/" data-bm-type="svg" data-bm-loop="true" data-bm-prerender="false"></div> --> |
| <div style="width:100%;height:100%;background-color:#333;display:inline-block;" id="bodymovin"></div> |
| |
| <script> |
| |
| var animData = { |
| wrapper: document.getElementById('bodymovin'), |
| animType: 'svg', |
| loop: true, |
| prerender: true, |
| autoplay: true, |
| path: 'data.json' |
| |
| }; |
| var anim = bodymovin.loadAnimation(animData); |
| </script> |
| </body> |
| </html> |