canvg
svgasm
Our great sponsors
canvg | svgasm | |
---|---|---|
1 | 4 | |
3,564 | 249 | |
1.0% | - | |
6.4 | 0.0 | |
6 days ago | almost 2 years ago | |
TypeScript | C++ | |
MIT License | Apache License 2.0 |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
canvg
-
Show HN: Svgasm – SVG animation from single GIF using tracer
yep a web version, something like canvg that can be implemented into a web product, https://github.com/canvg/canvg
svgasm
- SWF Export Result Looks Terrible
- svgasm – SVG animation from single GIF using tracer
-
Show HN: Svgasm – SVG animation from single GIF using tracer
Hi HN readers. I created this command-line tool called svgasm to automate the generation of an SVG animation from a lot of SVG files. Originally it was to create a dumb SVG animation from a bunch of matplotlib SVG exports. Then, I had the idea of using this method to sequence traced/vectorized versions of raster frames extracted from a GIF to create a time-discretized SVG animation, which is found to be generally aesthetically pleasing and smaller in file size. I created a bunch of GIF vs SVG side-by-side comparison examples with some interesting GIFs that I found online. The examples can be viewed on https://github.com/tomkwok/svgasm. Please tell me if the SVG animation works on your laptop/PC, especially the more complex SVGs like the infinity spiral example.
What are some alternatives?
html-to-image - ✂️ Generates an image from a DOM node using HTML5 canvas and SVG.
react-heat-map - A lightweight calendar heatmap react component built on SVG, customizable version of GitHub's contribution graph.
Konva - Konva.js is an HTML5 Canvas JavaScript framework that extends the 2d context by enabling canvas interactivity for desktop and mobile applications.
signature_pad - HTML5 canvas based smooth signature drawing
echarts - Apache ECharts is a powerful, interactive charting and data visualization library for browser
tsParticles - tsParticles - Easily create highly customizable JavaScript particles effects, confetti explosions and fireworks animations and use them as animated backgrounds for your website. Ready to use components available for React.js, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Inferno, Solid, Riot and Web Components.