PDF Atelier Logo

PDF Atelier

Drawing

Freehand pen/drawing annotations with adjustable color and brush size.

Drawing Tool

Allows users to draw freehand annotations on PDF pages with:

  • Color Selection: Via color picker or quick swatches
  • Brush Size: Adjustable from the toolbar (default: 2px)
  • Canvas Integration: Drawn strokes are stored as rasterized annotations

Prop

Type

Implementation

import { PDFAtelier } from '@innosoft/pdf-atelier-react';

export default function DrawingExample() {
  return (
    <PDFAtelier
      src="/document.pdf"
      license="My License"
      showDraw={true}
      showColorPicker={true}
      showUndo={true}
      showRedo={true}
      showDelete={true}
    />
  );
}
import { Component } from '@angular/core';
import { PdfAtelierWrapper } from '@innosoft/pdf-atelier-angular';

@Component({
  standalone: true,
  selector: 'app-drawing',
  imports: [PdfAtelierWrapper],
  template: `
    <pdf-atelier-wrapper
      [src]="'/document.pdf'"
      [license]="'My License'"
      [showDraw]="true"
      [showColorPicker]="true"
      [showUndo]="true"
      [showRedo]="true"
      [showDelete]="true"
    ></pdf-atelier-wrapper>
  `,
})
export class DrawingComponent {}
<script setup lang="ts">
import PdfAtelierWrapper from '@innosoft/pdf-atelier-vue';
</script>

<template>
  <PdfAtelierWrapper
    :src="'/document.pdf'"
    :license="'My License'"
    :showDraw="true"
    :showColorPicker="true"
    :showUndo="true"
    :showRedo="true"
    :showDelete="true"
  />
</template>

On this page