A browser-based tool for making border designs from SVG tiles.
 
 
 
Go to file
Samuel Goldstein 5b038f6a5d Initial public release 2023-09-18 15:19:28 -04:00
svgs Initial public release 2023-09-18 15:19:28 -04:00
LICENSE Initial public release 2023-09-18 15:19:28 -04:00
README.md Initial public release 2023-09-18 15:19:28 -04:00
borderline.js Initial public release 2023-09-18 15:19:28 -04:00
controlutils.js Initial public release 2023-09-18 15:19:28 -04:00
index.html Initial public release 2023-09-18 15:19:28 -04:00
style.css Initial public release 2023-09-18 15:19:28 -04:00
svg-export.min.js Initial public release 2023-09-18 15:19:28 -04:00

README.md

Borderline

Borderline is an SVG "frame construction kit" written in vanilla JavaScript.

What it does

Borderline lets you arrange small SVG files to form a border. It optionally does some rotational and mirroring transforms to make the pattern look nice.

It includes a small collection of custom, original SVG tiles to use for making nice borders. You can also "upload" your own*!

Once you're happy with your design, you can export the entire border as an SVG suitable for printing or modification in your favorite vector graphics application.

( *Note that since this all takes place in your browser, "uploading" doesn't really transfer any data to a server or off your local device.)

Requirements

  • Place the files somewhere accessible by a web server, navigate to the index.html page.
  • Your browser must be reasonably modern.