SVG Sector Maker
bipper
A simple page for creating circle / polygon sectors. It also creates concentric polygons and circles (made from arcs). 290920 - Updated. ( Range Sliders and Auto update )
Comment here...
Inkscape batch convert (svg|pdf|eps|emf|wmf to eps|pdf|png|svg)
Johannes Deml
Batch convert files with a windows bat file More Info: https://gist.github.com/JohannesDeml/779b29128cdd7f216ab5000466404f11
Comment here...
Inkscape Command Line Builder
bipper
Inkscape Command Line Builder (Drag and Drop) - Alpha ;) Build your own command Line using a web base GUI. Online at https://www.raincloud.co.uk/svg/ibc/ibc.html Or can be downloaded to work as standalone web page. ------------------------------------------------------------------------------- This program uses variables in external JavaScript files to allow it work as a standalone product without a server ( cross origin restrictions ) ------------------------------------------------------------------------------- sortable.js is included as an unmodified external file to enable drag and drop functions. https://sortablejs.github.io/Sortable/
Comment here...
SVG Flipbook (SVG Animation Assistant)
thebusiness
Make flipbook-style layer animations with Inkscape. SVG Flipbook is an open source app which runs next to your SVG editor and lets you animate your creation. Each layer in your SVG becomes one frame. This tool will cycle through the layers of your SVG allowing you to do basic flip-book style animation. Each layer in your SVG is one frame of the animation. https://svgflipbook.com/ --- Curated by Maren Hachmann on April 26 2021 2:33 PM --- Curated by Maren Hachmann on April 26 2021 2:34 PM
Comment here...
Paths2polygons - Convert SVG <path> to <polygon>
bipper
svg-path-to-polygons - Simple page which uses (https://www.npmjs.com/package/svg-path-to-polygons) by Gavin Kistner (MIT Licence) - This page is a browserified version Converts all paths to polygons in SVG files. Please note : Quadratic Bézier / arc commands are not supported.
Comment here...
Animation with inka and inkscape
Vera_
inka: https://imvenx.github.io/cssvgweb/#/ tutorial on how I did it: https://www.youtube.com/watch?v=w35GS6fKksE
Comment here...
SVG Animation Assistant
thebusiness
SVG Flipbook (was SVG Animation Assistant) Make flipbook-style layer animations with Inkscape. SVG Flipbook is an open source app which runs next to your SVG editor and lets you animate your creation. Each layer in your SVG becomes one frame. This tool will cycle through the layers of your SVG allowing you to do basic flip-book style animation. Each layer in your SVG is one frame of the animation. https://svgflipbook.com/
Comment here...
Color Palette Generator JS Script
metaseed
node js tool for your to create your own color palette. > tool to generate your own color palette. for more info and latest code: https://github.com/metasong/SvgLib/tree/master/palettes/tools
Comment here...
Generate translation file (PO) from INX
Paco García
This script generates a PO file from a INX file. It also allows you to modify the file structure visually to mark new translatable elements. Go to https://www.arakne.es/en/inx-translator/ and drag your INX file for generate a .PO file ready for be translated to any language
Comment here...
Attributes2style
bipper
Convert SVG presentation attributes as shown at : https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute#SVG_attributes_by_category In to CSS Style for that element. For example : <path d="m 31.907519,31.127324 51.29539,16.963506 c 0,0 9.439978,-16.121266 23.634751,-20.278233" fill="#ffdd00" stroke="orange" stroke-width="0.25"/> becomes : <path d="m 31.907519,31.127324 51.29539,16.963506 c 0,0 9.439978,-16.121266 23.634751,-20.278233" style="fill: rgb(255, 221, 0); stroke: orange; stroke-width: 0.25;"/> Please note that some presentation attributes such as transforms can be converted to CSS properties,but are not widely supported.
Comment here...
Screen Contest JS toy loader
Compare clones, text on path, text in shape
Thomas Holder
Test file which compares clones, text on path, and text in shape. All 3 features reference shapes in a similar way.
Comment here...
Insert SVG into HTML like an IMG tag
Martin Owens
Ever wanted to insert your svg documents directly into your html without having to copy and paste them? Now you can, use this simple javascript to turn <div data-svg="..."></div> into <div><svg>...</svg></div>
Comment here...
Inkscape Frames of Reference
Thomas Holder
For Inkscape developers: Coordinate reference frames and which transformations to apply between them
Comment here...
Flatten
bipper
Remove transforms from SVG files. Simple page which uses (https://gist.github.com/timo22345/9413158) flatten.js Project I have no connection to the original code which is published under The MIT License (MIT) Copyright (c) 2014 Timo (https://github.com/timo22345) This page allows the loading / processing and saving of SVG files after being flattened.
Comment here...
Router Circles and Rectangles
bipper
Router Circles and Rectangles Want to make templates for bush routing for circles and rectangles ? Calculates routing pocket size / template size needed for a given bush / bit combination and vice-versa. ( uses mm units ). Also set the scale factor to match a ruler held up to your monitor. You can then hold real object up to the screen to adjust to fit it inside a circle or rectangle :)
Comment here...