Triangle
Draw triangular shapes with adjustable color, fill, and rotation support.
Triangle Tool
Draw triangular shapes with:
- Three-Point Definition: Click three points to form triangle
- Editable Properties: Color and fill
- Rotation Support: Can be rotated after creation
Prop
Type
Implementation
import { PDFAtelier } from '@innosoft/pdf-atelier-react';
export default function TriangleExample() {
return (
<PDFAtelier
src="/document.pdf"
license="My License"
showTriangle={true}
showColorPicker={true}
showSelect={true}
showDelete={true}
/>
);
}import { Component } from '@angular/core';
import { PdfAtelierWrapper } from '@innosoft/pdf-atelier-angular';
@Component({
standalone: true,
selector: 'app-triangle',
imports: [PdfAtelierWrapper],
template: `
<pdf-atelier-wrapper
[src]="'/document.pdf'"
[license]="'My License'"
[showTriangle]="true"
[showColorPicker]="true"
[showSelect]="true"
[showDelete]="true"
></pdf-atelier-wrapper>
`,
})
export class TriangleComponent {}<script setup lang="ts">
import PdfAtelierWrapper from '@innosoft/pdf-atelier-vue';
</script>
<template>
<PdfAtelierWrapper
:src="'/document.pdf'"
:license="'My License'"
:showTriangle="true"
:showColorPicker="true"
:showSelect="true"
:showDelete="true"
/>
</template>