SVG Sector Maker
i

bipperSVG 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)
i

Johannes DemlInkscape 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
i

bipperInkscape 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)
i

thebusinessSVG 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...
SVG Animation Assistant
i

thebusinessSVG 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...
Animation with inka and inkscape
i

Vera_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...
Paths2polygons - Convert SVG <path> to <polygon>
i

bipperPaths2polygons - 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...
Compare clones, text on path, text in shape
i

Thomas HolderCompare 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...
Flatten
i

bipperFlatten

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...
Attributes2style
i

bipperAttributes2style

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...
Router Circles and Rectangles
i

bipperRouter 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...
Color Palette Generator JS Script
i

metaseedColor 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...
King
i

Martynas Mattheus LionhartKing

Martynas Mattheus Lionhart

DO not wake me up..


Comment here...
Whatsapp O
i

AmandarhaikWhatsapp O

Amandarhaik

...


Comment here...
Generate translation file (PO) from INX
i

Paco GarcíaGenerate 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...
Screen Contest JS toy loader
i

Jabiertxo Arraiza CenozScreen Contest JS toy loader

Jabiertxo Arraiza Cenoz

Screen Contest JS toy loader


Comment here...
Insert SVG into HTML like an IMG tag
i

Martin OwensInsert 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
i

Thomas HolderInkscape Frames of Reference

Thomas Holder

For Inkscape developers: Coordinate reference frames and which transformations to apply between them


Comment here...