freesewing/chat

This draws back notch as well.

import { name, version } from '../package.json';
import freesewing from '@freesewing/core'
const Point = freesewing.Point
const Path = freesewing.Path
export default {
    name,
    version,
    macros: {
        notch: function (so) {
            /*
            https://stackoverflow.com/questions/1734745/how-to-create-circle-with-b%C3%A9zier-curves
            */
            let size = 25
            const drawBezierOvalQuarter = function (centerX, centerY, sizeX, sizeY) {
                let circlePath = new Path()
                    .move(
                        new Point(centerX - (sizeX),
                            centerY - (0))
                    ).curve(
                        new Point(centerX - (sizeX),
                            centerY - (0.552 * sizeY)),
                        new Point(centerX - (0.552 * sizeX),
                            centerY - (sizeY)),
                        new Point(centerX - (0),
                            centerY - (sizeY))
                    );
                return circlePath
            }
            const drawBezierOval = function (centerX, centerY, sizeX, sizeY, pathPrefix) {
                let paths = {}
                paths[pathPrefix + 'quarter1'] = drawBezierOvalQuarter(centerX, centerY, -sizeX, sizeY)
                paths[pathPrefix + 'quarter2'] = drawBezierOvalQuarter(centerX, centerY, sizeX, sizeY);
                paths[pathPrefix + 'quarter3'] = drawBezierOvalQuarter(centerX, centerY, sizeX, -sizeY);
                paths[pathPrefix + 'quarter4'] = drawBezierOvalQuarter(centerX, centerY, -sizeX, -sizeY);
                return paths;
            }

            const drawBezierCircle = function (centerX, centerY, size, pathPrefix) {
                return drawBezierOval(centerX, centerY, size, size, pathPrefix)
            }

            const drawX = function (centerX, centerY, size) {
                let xSize = size/2
                let xPath = new Path()
                    .move(new Point(centerX - xSize, centerY - xSize))
                    .line(new Point(centerX + xSize, centerY + xSize))
                    .move(new Point(centerX + xSize, centerY - xSize))
                    .line(new Point(centerX - xSize, centerY + xSize))
                return xPath;
            }
            const drawBezierCircleWithX = function (centerX, centerY, size, pathPrefix) {
                let paths = drawBezierOval(centerX, centerY, size, size, pathPrefix)
                paths[pathPrefix + 'circleX'] = drawX(centerX, centerY, size, pathPrefix)
                return paths
            }

            if (so.bnotch) {
                let backNotch = drawBezierCircleWithX(so.anchor.x, so.anchor.y, size, 'backNotch')
                this.paths = { ...this.paths, ...backNotch }
            } else {
                let outerCircle = drawBezierCircle(so.anchor.x, so.anchor.y, size, 'outer')
                let innerCircle = drawBezierCircle(so.anchor.x, so.anchor.y, size / 2, 'inner')
                this.paths = { ...this.paths, ...outerCircle }
                this.paths = { ...this.paths, ...innerCircle }
            }
        }
    }
}

Usage

Notch

    macro('notch', {
      anchor: points.text,
      bnotch: true
    });

Back notch

    macro('notch', {
      anchor: points.text,
      bnotch: false
    });