question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Beginner, unable to use

See original GitHub issue

Vivus version: 0.4.6

Browser: Firefox 88 - 64-bit on Ubuntu 20.04

Steps to reproduce it:

I was expecting the following HTML + SVG files I placed on the desktop will give me an animated display when opened with a browser. The SVGs work nicely with Vivus Instant. I am trying to animate them locally. Please see the HTML code I am using

<!doctype html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <title>Vivus Test</title>
  </head>
  <body>
  
  
    <h1>My Sample text</h1>
    
    <div id="my-div"></div>

<script>
  new Vivus('my-div', { duration: 200, file: '/circ.svg' }, myCallback);
</script>

   <script src="https://cdnjs.cloudflare.com/ajax/libs/vivus/0.4.6/vivus.js"></script>
   
  </body>
</html>

It would be nice know what else should be in this file for the SVG animation ( attached as zip ). Thanks

circ.zip

[note] Please have a minimum of politeness. There’s unfortunately only me as contributor/maintainor which help on my free time, I’m not the Amazon customer service or your Mom. I don’t ask to send me flowers and tell me how amazing Vivus is (that won’t make me help you quicker). But please try to do as much as you can before opening an issue: check that no closed issue mention a similar problem, that your script is executed correctly (conflicts, race conditions…)… Thanks 😃 [/note]

Issue Analytics

  • State:closed
  • Created 2 years ago
  • Comments:8 (3 by maintainers)

github_iconTop GitHub Comments

1reaction
meetdilipcommented, May 4, 2021

Thanks. I wanted to create animated SVGs locally. It is working fine without XAMPP or VSCode Live Server. Have a nice time. 😃

1reaction
maxwellitocommented, May 4, 2021

By having Vivus Instant locally, what do you mean? Having the code working locally on your machine so you can generate animated SVG offline? If so, clone vivus-instant (or download the zip) and open index.html in it 😃

Read more comments on GitHub >

github_iconTop Results From Across the Web

To Use Reps to Failure Or Not for Beginners, New Study ...
The latest study explores the idea if training to failure is less important than volume for strength and hypertrophy. (1) Is more better...
Read more >
Should Beginners Lift to Muscle Failure? - Bony to Beastly
As a beginner, taking sets closer to failure stimulates more muscle growth. However, it also increases the risk of injury, causes more muscle ......
Read more >
Unable to use Beginners Teleport to join my other account
But the Beginners teleport doesn't work after Level 8 or 10 days. My other account Region is Brzoza, Kingdom of Furth. My new...
Read more >
Can't Do a Push-Up? Here's Where to Start - Daily Burn
Not sure how to do a push-up — or how to build the strength? Try these beginner-friendly movements to work your way up...
Read more >
I often can't do the "beginner exercises" which is really ...
try stretching for a few minutes everyday then work your way up. ... Helen N. ... Try doing a google search for beginners...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found