How to use rough-notation - 4 common examples
To help you get started, we’ve selected a few rough-notation examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
leastbad / beast_mode / app / javascript / packs / application.js View on Github 
setTimeout(() => {
const e1 = document.querySelector('#e1')
const a1 = annotate(e1, {
type: 'highlight',
color: 'yellow',
animationDuration: 1500
})
const a2 = annotate(document.querySelector('#e2'), {
type: 'crossed-off',
color: 'red',
iterations: 1
})
const a3 = annotate(document.querySelector('#e3'), {
type: 'underline',
color: 'blue',
animationDuration: 1500
})
const ag = annotationGroup([a1, a2, a3])
e1.style.color = 'black'
ag.show()
}, 500)
}, 500)setTimeout(() => {
const e1 = document.querySelector('#e1')
const a1 = annotate(e1, {
type: 'highlight',
color: 'yellow',
animationDuration: 1500
})
const a2 = annotate(document.querySelector('#e2'), {
type: 'crossed-off',
color: 'red',
iterations: 1
})
const a3 = annotate(document.querySelector('#e3'), {
type: 'underline',
color: 'blue',
animationDuration: 1500
})
const ag = annotationGroup([a1, a2, a3])
e1.style.color = 'black'setTimeout(() => {
const e1 = document.querySelector('#e1')
const a1 = annotate(e1, {
type: 'highlight',
color: 'yellow',
animationDuration: 1500
})
const a2 = annotate(document.querySelector('#e2'), {
type: 'crossed-off',
color: 'red',
iterations: 1
})
const a3 = annotate(document.querySelector('#e3'), {
type: 'underline',
color: 'blue',
animationDuration: 1500
})
const ag = annotationGroup([a1, a2, a3])
e1.style.color = 'black'
ag.show()
}, 500)
}, 500)const a1 = annotate(e1, {
type: 'highlight',
color: 'yellow',
animationDuration: 1500
})
const a2 = annotate(document.querySelector('#e2'), {
type: 'crossed-off',
color: 'red',
iterations: 1
})
const a3 = annotate(document.querySelector('#e3'), {
type: 'underline',
color: 'blue',
animationDuration: 1500
})
const ag = annotationGroup([a1, a2, a3])
e1.style.color = 'black'
ag.show()
}, 500)
}, 500)rough-notation
Create and animate hand-drawn annotations on a web page
