-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.ts
34 lines (27 loc) · 961 Bytes
/
index.ts
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
import * as BuntingFns from './lib/bunting-fns';
import { BuntingOptions } from './lib/bunting-options';
export * from './lib/bunting-options';
const defaultOptions: BuntingOptions = {
colourSet: ['#00f', '#0f0', '#f00'],
ropeColour: '#000'
};
export function addBuntingTo(element: HTMLElement, options: BuntingOptions = defaultOptions): void {
element.style.position = 'relative';
const buntingCanvas = document.createElement('canvas');
buntingCanvas.style.position = 'absolute';
buntingCanvas.style.top = '0';
buntingCanvas.style.right = '0';
buntingCanvas.style.bottom = '0';
buntingCanvas.style.left = '0';
element.appendChild(buntingCanvas);
window.addEventListener('resize', () => BuntingFns.drawBunting(
buntingCanvas,
options.colourSet,
options.ropeColour
));
BuntingFns.drawBunting(
buntingCanvas,
options.colourSet,
options.ropeColour
);
}