SVG

리액트 SVG로 손글씨 그림그리기 효과 구현해보는 한가지 방법

이번 글을 통해 배워갈 내용 리액트에서 svg를 이용해서 그림 그리기 효과 구현해보기 먼저 본 튜토리얼을 진행하는데 필요한 SVG 파일을 만들어 줍니다. (한 줄 그리기로 그려야 더 예쁜 효과가 나옵니다) (없으시다면 없는 대로 진행해주셔도 됩니다) 김 씨는 천사를 그렸습니다. 아래는 김씨가 그린 천사 SVG 파일내부 입니다. Layer 1 위에서 path에 d값만 빼서 아래의 angel.js 파일을 만들었습니다. export const angelDrawingLength = 7531; export const angelDrawing =`m278,245c1,-1 -1.31,-2.33749 -4,-4c-3.60901,-2.23048 -4.59399,-4.513 -7,-6c-2.69,-1.66251 -5.934..