buttonhole-start

The buttonhole-start snippet is used to mark buttonhole placement. This particular snippet places the buttonhole's start on its anchor point.

It is provided by plugin-annotations, which is part of core-plugins (so it is available by default).

Example

Preview

Code

({ Point, Path, paths, Snippet, snippets, part }) => {

  snippets.demo = new Snippet('buttonhole-start', new Point(0,0))

  // Show alignment
  paths.anchor = new Path()
    .move(new Point(-5, 0))
    .line(new Point(5, 0))
    .addClass('dotted note stroke-sm')

  // Prevent clipping
  paths.diag = new Path()
    .move(new Point(-50,-4))
    .move(new Point(50,4))

  return part
}

X-Ray

An example of the buttonhole-start snippet

Notes

We provide three buttonhole snippets with a different alignment:

• buttonhole: Anchor point is the middle of the buttonhole
• buttonhole-start: Anchor point is the start of the buttonhole
• buttonhole-end: Anchor point is the end of the buttonhole