This is an old documentation. Go to the latest Customer's Canvas docs

IPrintAreaDefinition Interface

A structure used for creating an empty print area.

// Defining the product.
var w = 720, h = 504; // in points (1 point = 1/72 inch)

var emptyProduct = {
    surfaces: [{
        width: w,
        height: h,
        printAreas: [{
            bounds: {
                x: 0,
                y: 0,
                width: w,
                height: h
            safetyLines: [{
                margin: 8.5,
                color: 'rgba(0,255,0,1)',
                stepPx: 5,
                widthPx: 1 


Optional bleed

bleed: IMarginLTRB

Margins of the bleed area.


bounds: IRectangleF

The print area bounds.

Optional containers

A collection of texture and spot color containers defined in the print area.

Optional cropMarks

cropMarks: ICropMark []

A collection of crop marks defined in the print area.

Optional hiResOutput

hiResOutput: IHiResOutput

Properties of the hi-res output defined in the print area.

Optional name

name: string

A name of a surface (a page) in the product.

Optional safetyLines

safetyLines: ISafetyLine []

A collection of safety lines defined in the print area.

Optional slug

Margins of the slug area. The editor expands the product boundaries to accommodate the slug area.