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>