TLLineShape • tldraw Docs

A line shape that represents a multi-point line or spline on the canvas. Line shapes allow users to draw connected paths with multiple points, supporting both straight line segments and smooth curved splines.

type TLLineShape = TLBaseShape<'line', TLLineShapeProps>

Example

const lineShape: TLLineShape = {
  id: 'shape:line1',
  type: 'line',
  x: 100,
  y: 100,
  rotation: 0,
  index: 'a1',
  parentId: 'page:main',
  isLocked: false,
  opacity: 1,
  props: {
    color: 'red',
    dash: 'dashed',
    size: 'l',
    spline: 'cubic',
    points: {
      start: { id: 'start', index: 'a1', x: 0, y: 0 },
      end: { id: 'end', index: 'a2', x: 200, y: 100 },
    },
    scale: 1,
  },
  meta: {},
  typeName: 'shape',
}