arthur/rough-notation
1
0
Fork 0
mirror of https://github.com/slidevjs/rough-notation.git synced 2026-01-24 14:00:27 +01:00
Code Issues Packages Projects Releases Wiki Activity

feat: support custom class

Browse Source
This commit is contained in:
Anthony Fu
2024-02-21 11:43:53 +01:00
parent a540447a45
commit 58375e6e3d
2 changed files with 3 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/rough-notation.ts
View File

@@ -74,7 +74,7 @@ class RoughAnnotationImpl implements RoughAnnotation {
if (this._state === 'unattached' && this._e.parentElement) { if (this._state === 'unattached' && this._e.parentElement) {
ensureKeyframes(); ensureKeyframes();
const svg = this._svg = document.createElementNS(SVG_NS, 'svg'); const svg = this._svg = document.createElementNS(SVG_NS, 'svg');
svg.setAttribute('class', 'rough-annotation'); svg.setAttribute('class', ['rough-annotation', this._config.class || ''].filter(Boolean).join(' '));
const style = svg.style; const style = svg.style;
style.position = 'absolute'; style.position = 'absolute';
style.top = '0'; style.top = '0';

2
src/types.ts
View File

@@ -24,6 +24,8 @@ export interface RoughAnnotationConfigBase {
padding?: RoughPadding; // defaults to 5px padding?: RoughPadding; // defaults to 5px
iterations?: number; // defaults to 2 iterations?: number; // defaults to 2
brackets?: BracketType | BracketType[]; // defaults to 'right' brackets?: BracketType | BracketType[]; // defaults to 'right'
// Additional class added to the annotation
class?: string
} }
export interface RoughAnnotation extends RoughAnnotationConfigBase { export interface RoughAnnotation extends RoughAnnotationConfigBase {