Canvas → layers → A5–A2 → plotter SVG

Plotter Export

Make the poster once. Name its layers. Choose the paper when it leaves the screen.

1 · Canvas style

PAPER, INK, and RED belong to the canvas. Colour alone makes no SVG layer.

const PAPER = "#f0efe9";
const INK = "#151515";
const RED = "#c0392b";

const plot = new GysinPlot({
  seed: 19600319,
  width: 720,
  height: 900,
  style: { stroke: INK },
  export: { layer: "black" }
});

function draw() {
  // Canvas only. The paper is not plotted.
  background(PAPER);
  plot.draw();
}

2 · SVG layers

stroke colours the preview. layer keeps paths together. The installed pen gives the plotted line its colour and width.

// Black on canvas and in SVG.
plot.rect(80, 90, 544, 260);

// Red on canvas and in SVG.
plot.circle(256, 337, 450, {
  stroke: RED,
  layer: "red",
  repeat: 3,
  rubout: 0.2,
  alpha: 0.7
});

3 · Physical pens

penMap gives each SVG layer a pen number. The pens remain physical choices.

const penMap = {
  black: 1,
  red: 2
};

4 · A5, A4, A3, or A2

page: "A4" sets the SVG paper, margin and fit. The 720 × 900 composition stays where it is.

plot.downloadPlotterSVG("poster.svg", {
  page: "A4",
  penMap
});

SVG paper canvas stays 720 × 900

Complete poster composition · canvas and export code

Building poster…

In Inkscape, plot every 1 layer with pen 1. Then plot every 2 layer with pen 2.