0.1.2 • Published 6 months ago
@interacta/css-labels v0.1.2
Renders HTML labels with built-in intersection logic.
Quick Start
Install the package:
npm install @interacta/css-labels
Create HTML div element and render labels:
import { LabelRenderer } from '@interacta/css-labels'
const div = document.querySelector('#labels')
const renderer = new LabelRenderer(div)
renderer.setLabels([
{ id: 'monster', text: '👾', x: 100, y: 50, opacity: 1 },
{ id: 'alien', text: '👽', x: 50, y: 150, opacity: 1 },
{ id: 'ufo', text: '🛸', x: 150, y: 150, opacity: 1 },
])
renderer.draw()
Or create single Css label:
import { CssLabel } from '@interacta/css-labels'
const div = document.querySelector('#labels')
const label = new CssLabel(div, '🐣')
label.setPosition(100, 110)
label.setVisibility(true)
label.setOpacity(1)
label.draw()
0.1.3-beta.1
6 months ago
0.1.2-beta.1
9 months ago
0.1.3-beta.0
8 months ago
0.1.2
9 months ago
0.1.1
2 years ago
0.1.0
2 years ago
0.0.10
2 years ago
0.0.11
2 years ago
0.0.9
2 years ago
0.0.8
2 years ago
0.0.5
2 years ago
0.0.4
2 years ago
0.0.7
2 years ago
0.0.6
2 years ago
0.0.4-beta.0
2 years ago
0.0.3
2 years ago
0.0.2
3 years ago
0.0.1
3 years ago