# Rough Notation - 웹페이지에 손으로 그린듯한 Annotation 넣기

> Clean Markdown view of GeekNews topic #2173. Use the original source for factual precision when an external source URL is present.

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=2173](https://news.hada.io/topic?id=2173)
- GeekNews Markdown: [https://news.hada.io/topic/2173.md](https://news.hada.io/topic/2173.md)
- Type: news
- Author: [xguru](https://news.hada.io/@xguru)
- Published: 2020-05-29T11:09:53+09:00
- Updated: 2020-05-29T11:09:53+09:00
- Original source: [roughnotation.com](https://roughnotation.com/)
- Points: 8
- Comments: 1

## Topic Body

- RoughJS를 이용한 3.2kb 라이브러리

- 애니메이션 시간 및 딜레이 조정 가능

- Underline, Box, Circle, Highlight, Strike Through, Crossed-Off

## Comments



### Comment 1916

- Author: xguru
- Created: 2020-05-29T11:10:00+09:00
- Points: 1

현재 프론트엔드랑 같이 쓰고 싶다면 아래 Wrapper 들 이용

- React Wrapper https://github.com/linkstrifer/react-rough-notation

- Svelte Wrapper https://github.com/dimfeld/svelte-rough-notation

- Vue Wrapper https://github.com/Leecason/vue-rough-notation

Rough.js 4.0 릴리즈 - 손으로 그린듯한 이미지를 만드는 라이브러리 https://news.hada.io/topic?id=1381

roughViz - 손으로 그린듯 한 느낌의 차트 생성용 JS 라이브러리 https://news.hada.io/topic?id=736