Page Bleed

In printing, bleed is printing that goes beyond the edge of where the sheet will be trimmed.

Polotno has native support for bleed. Every page has its own bleed property. By default bleeds are not visible on the workspace and export. To show bleed on the canvas:

store.activePage.set({ bleed: 20 }); // set bleed in pixels

// show bleed area on the <Workspace />
store.toggleBleed(true);

The canvas will have special space around the page where elements can extend beyond the trim line.

Users can also change bleed from the built-in Size side panel.

Per-side bleed

Use bleedTop, bleedRight, bleedBottom, and bleedLeft to override the uniform bleed value for individual sides:

store.activePage.set({
  bleed: 20, // base value for all sides
  bleedBottom: 40, // override just the bottom side
});

Per-side values are honored on the canvas and in all exports.

Exporting with Bleed

By default, exports do not include the bleed area. Use includeBleed option to export with bleed:

// export PDF with bleed
await store.saveAsPDF({ includeBleed: true });

// export image with bleed
await store.saveAsImage({ includeBleed: true });

// as data URL
await store.toDataURL({ includeBleed: true });

The built-in Download button includes bleed in its PDF exports automatically.

For detailed information on PDF exports with bleed and crop marks, see PDF Export.

Live demo