Selection
Select, move, resize, and manage layer order of annotations.
Selection Mode
Activates the pointer/selection tool:
- Move: Drag annotations to reposition
- Resize: Use corner handles to resize objects
- Multi-Select: Hold Ctrl/Cmd and click to select multiple objects
- Layer Management: Right-click for send to front/back options
- Delete: Select and press Delete key or use floating delete button
Prop
Type
Implementation
import { PDFAtelier } from '@innosoft/pdf-atelier-react';
export default function SelectionExample() {
return (
<PDFAtelier
src="/document.pdf"
license="My License"
showSelect={true}
showDelete={true}
showDraw={true}
showText={true}
/>
);
}import { Component } from '@angular/core';
import { PdfAtelierWrapper } from '@innosoft/pdf-atelier-angular';
@Component({
standalone: true,
selector: 'app-selection',
imports: [PdfAtelierWrapper],
template: `
<pdf-atelier-wrapper
[src]="'/document.pdf'"
[license]="'My License'"
[showSelect]="true"
[showDelete]="true"
[showDraw]="true"
[showText]="true"
></pdf-atelier-wrapper>
`,
})
export class SelectionComponent {}<script setup lang="ts">
import PdfAtelierWrapper from '@innosoft/pdf-atelier-vue';
</script>
<template>
<PdfAtelierWrapper
:src="'/document.pdf'"
:license="'My License'"
:showSelect="true"
:showDelete="true"
:showDraw="true"
:showText="true"
/>
</template>