Snap.svg
Snap.svg copied to clipboard
Getting Started/Tutorial page is not working correctly
The demo page at http://snapsvg.io/start/ (http://snapsvg.io/assets/demos/tutorial/) does not load any steps after step 13.
Trying to load step 14, or any subsequent step, only loads step 13. In the console, the following error is thrown:
snap.svg-min.js:19 Uncaught DOMException: Failed to execute 'querySelector' on 'Document': 'rgb(186, 218, 85)' is not a valid selector.
at c (http://snapsvg.io/assets/js/snap.svg-min.js:19:6217)
It appears to be being thrown from the tutorial line
p.select("path").animate({stroke: "#f00"}, 1000);
This bug was resolved in #503, released as 0.5.1, but the build files for that release need to be pushed to npm, which requires a version bump.
Presumably the website was recently updated to the latest version using npm, which pulled in the older build. See this comment.
Any news? It's frustrating, because that demo page was a stand-in for the docs for me for a lot of the basic stuff, as it was very understandable.
Any update on this bug?
You can save your day by using version 0.4.1
.