Method-Draw
iconvg
| Method-Draw | iconvg | |
|---|---|---|
| 10 | 6 | |
| 2,732 | 660 | |
| - | 0.5% | |
| 0.0 | 3.3 | |
| 9 months ago | 6 months ago | |
| JavaScript | 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.
Method-Draw
-
Animate an SVG path with CSS
The first part was to create an SVG line, and I used sketch to draw a triangle-looking element. You can draw anything you want or even use online free tools.
-
GIS Symbology for Archaeology
I am not aware any exist. Best you can probably do is make your own. Using this site it is a rather quick process, I made this Burial Mound in like 5 minutes.
- Seeking An SVG Editor
- Open Source SVG Editor
- Method Draw Vector Editor
-
Color gradient along a path - is there free software that can achieve this? Image shown was done using Adobe Illustrator.
this online svg editor can do it: https://editor.method.ac/
-
Tech Question: What software does your library have on patron machines
The best Photoshop alternative is Photopea, which is browser-based. For Adobe Illustrator, I'd suggest Method (also browser-based). Another browser-based tool I'd mention is AudioMass, which allows quick and simple audio editing.
- Online SVG Editor
- [DIY Speakers] What flat packs would you buy if they were available to buy?
-
Lazy loading react components with React.lazy and Suspense
Most modern design tools support exporting design directly as SVG which can be used with react-content-loader. If you want to get your hands dirty and do it yourself, Method Draw is an excellent web tool that you can use to design your fallback placeholder animation. It supports exporting as SVG and it's even open source!
iconvg
-
A challenger to the throne of vector graphics. SVG is dead, long live TinyVG!
The HN thread also mentions Lottie from AirBnB and IconVG from Not-an-official-Google-product.
-
A challenger to the throne of vector graphics. SVG is dead, long live TinyVG
IconVG author here. Happy to discuss.
Animation is issue #2 on https://github.com/google/iconvg and I have some ideas but no code yet. I'm also midway through changing the current "version 0" format into a "version 1" format, dropping things like the ArcTo op (inspired by SVG) precisely with one eye on (future) animation support. The ArcTo large-arc-flag, like any boolean-typed value, is impossible to interpolate smoothly.
-
IconVG is a compact, binary format for simple vector graphics
https://github.com/google/iconvg/blob/main/spec/iconvg-spec.... also doesn't explain what relative cubeTo does, though from the context (2D vector graphics), “relative” must mean the co-ordinates are relative to the position of the cursor (as opposed to “absolute” which is relative to some fixed origin), and “cube” probably refers to cubic interpolation.
What are some alternatives?
Graphite - 2D raster & vector editor that melds traditional layers & tools with a modern node-based, non-destructive, procedural workflow.
svgomg - Web GUI for SVGO
Lorien - Infinite canvas drawing/whiteboarding app for Windows, Linux and macOS. Made with Godot.
Flutter - Flutter makes it easy and fast to build beautiful apps for mobile and beyond
webpack-bundle-analyzer - Webpack plugin and CLI utility that represents bundle content as convenient interactive zoomable treemap
specification - The specification for TinyVG. This is the central authority for the file system
react-content-loader - ⚪ SVG-Powered component to easily create skeleton loadings.
resvg - An SVG rendering library.
tangram - WebGL map rendering engine for creative cartography
spec - WebAssembly specification, reference interpreter, and test suite.
drawing - Simple image editor for Linux
Smiley Rating - SmileyRating is a simple rating bar for android. It displays animated smileys as rating icon.