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.

github leastbad / beast_mode / app / javascript / packs / application.js View on Github external
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)
github leastbad / beast_mode / app / javascript / packs / application.js View on Github external
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'
github leastbad / beast_mode / app / javascript / packs / application.js View on Github external
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)
github leastbad / beast_mode / app / javascript / packs / application.js View on Github external
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

MIT
Latest version published 3 years ago

Package Health Score

56 / 100
Full package analysis