News for hackers. Stuff that matters.

A comment on Show HN: RoughNotation – create and animate hand-drawn annotations on a web page.

Re:Show HN: RoughNotation – create and animate hand-drawn an... by julianeon on Thursday May 28, 2020 @05:55PM (#23343236)
I'd love to use this, but I don't see an easy way how to using the frameworks I know, React (well) and Svelte (a bit).
[ Parent | on HN ]
Re:Show HN: RoughNotation – create and animate hand-drawn an... by shihn on Thursday May 28, 2020 @05:57PM (#23343274)
People have created framework wrappers for this:

Rect: https://github.com/linkstrifer/react-rough-notation Svelte: https://github.com/dimfeld/svelte-rough-notation Vue: https://github.com/Leecason/vue-rough-notation

[ Parent | on HN ]
Re:Show HN: RoughNotation – create and animate hand-drawn an... by julianeon on Thursday May 28, 2020 @06:39PM (#23343802)
Wow, thanks! That's exactly what I want, with a demonstration code example. I'll be using this.
[ Parent | on HN ]
Re:Show HN: RoughNotation – create and animate hand-drawn an... by yurry on Thursday May 28, 2020 @06:10PM (#23343438)
I advise you to learn Javascript/DOM before learning high level 'magic' frameworks. You clearly are missing the fundamentals.
[ Parent | on HN ]
Re:Show HN: RoughNotation – create and animate hand-drawn an... by 49531 on Thursday May 28, 2020 @06:02PM (#23343341)
You can use querySelectors in React, it's just normal JavaScript. You can also use refs if you don't want to use querySelector.
[ Parent | on HN ]
Re:Show HN: RoughNotation – create and animate hand-drawn an... by julianeon on Thursday May 28, 2020 @06:40PM (#23343805)
I'll look into this, thanks.
[ Parent | on HN ]