canvas2svg
svg_crop
Our great sponsors
canvas2svg | svg_crop | |
---|---|---|
3 | 9 | |
670 | 34 | |
2.4% | - | |
0.0 | 0.0 | |
5 months ago | over 2 years ago | |
JavaScript | JavaScript | |
MIT License | MIT License |
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.
canvas2svg
-
Forking Chrome to Turn HTML into SVG
Reminds me of https://github.com/gliffy/canvas2svg at a different level of abstraction.
I believe PDF.js incorporated some form canvas2svg to try and get a SVG backend working which would allow high resolution printing to PDF but not sure where that's at. I believe printing through PDF.js is blurry due to memory constraints since with normal canvas pdf pages just end up as bitmaps sent to the printer.
SVG ends up staying vector through Chromiums print pipeline resulting in much less memory usage while having much higher dpi final output. I would imagine this is due to SVG being turned into Skia drawing commands that end up as PDF that then gets printed through PDFium?
-
Snapshot of planetary positions at a given date. Custom code, 10 tool changes, plotted on a 3D printer.
I used JavaScript to generate planetary positions and orbit paths as SVG with canvas2svg by following this for the mathematical side https://ssd.jpl.nasa.gov/planets/approx_pos.html
-
Essential SVG tools
Canvas2SVG - I have a feeling I'll get to know this library well someday. Apache Batik - I used it quite a bit in the early days but it never took root in my toolchain. SVGJS It offers compelling shortcuts, I'm just a fan of vanilla JS. This also goes for SNAP SVG
svg_crop
-
Usefull tools for svg
Remove blank space from around any SVG instantly: https://svgcrop.com/
-
Is there any tool to bulk resize SVG icons to be inside a square as big as they can fit?
Drop them all (maybe not all 200 at once) > click button > viola: https://svgcrop.com
-
Working with svgs that have alot of empty space
so apparently theres a svg cropper online, leaving this comment in case someone else needs it https://svgcrop.com/
-
Designer consistently gives us SVGs that are not centered leading to code to override the base SVG
I've used this before with great success: https://svgcrop.com/
-
How to crop SVG Diagrams ?
It's probably built into the SVG's view box. This site can crop to the proper area if you don't want to do it yourself with Illustrator.app or an equivalent.
-
Essential SVG tools
SVG Crop
- It's been mentioned before, but it's worth repeating. This website automatically takes the whitespace out of your svg file.
- SVG Crop - Removes blank space from around any SVG instantly.
- I created a simple website that removes any extra white space from around an SVG.
What are some alternatives?
resvg - An SVG rendering library.
imagetracerjs - Simple raster image tracer and vectorizer written in JavaScript.
penpot - Penpot: The open-source design tool for design and code collaboration
satori - Enlightened library to convert HTML and CSS to SVG
lib2geom
webpack - A bundler for javascript and friends. Packs many modules into a few bundled assets. Code Splitting allows for loading parts of the application on demand. Through "loaders", modules can be CommonJs, AMD, ES6 modules, CSS, Images, JSON, Coffeescript, LESS, ... and your custom stuff.
svgcleaner - svgcleaner could help you to clean up your SVG files from the unnecessary data.
svg2pdf.js - A javascript-only SVG to PDF conversion utility that runs in the browser. Brought to you by yWorks - the diagramming experts