plugin-designer

A freesewing plugin to facilitate pattern design.

This plugin will add markers to your pattern for all points, it will illustrate Bezier curve handlers, and inject JavaScript to log information about points to the browser console when your hover over them.

In addition, it will log the entire pattern object to the console so you can inspect it.

If you want to design patterns, you may want to use this plugin while doing so.

Install

On node.js:

npm install @freesewing/plugin-designer

in the browser, simply include this script:

<script type="text/javascript" src="https://unpkg.com/@freesewing/plugin-designer"></script>

Loading this plugin

To load this plugin, add it to your instantiated pattern.

On node.js:

import pattern from "@freesewing/pattern-brian"
import designer from "@freesewing/plugin-designer"

pattern.with(designer);

In the browser, this plugin will register as freesewing.plugins.designer.

Since it's a run-time plugin, you need to load it into your pattern:

<script type="text/javascript" src="https://unpkg.com/freesewing"></script>
<script type="text/javascript" src="https://unpkg.com/@freesewing/plugin-designer"></script>
<script type="text/javascript" src="https://unpkg.com/@freesewing/pattern-brian"></script>

<script>
var pattern = freesewing.patterns.brian
  .with(freesewing.plugins.cutonfold);
</script>

Example

Below is a screenshot of a part of the pattern and the browser console.

You can see the extra markers on the pattern, and the info in the console.

Parameters

to: A point object at the start of the cut-on-fold indicator
from: A point object at the end of the cut-on-fold indicator

As all freesewing macros, bundle these parameters into a single object.

Build

To build this plugin, run:

npm run build

License: MIT

See the license file for details.

3.5 KiB Raw Blame History

freesewing a library for made-to-measure sewing patterns