Canvas1 React에서 Canvas로 그림 그리기 Canvas와 값을 저장할 변수 선언 let canvas; // 캔버스 let canvasRef = createRef(); // Ref를 사용해 캔버스의 Dom값을 가져온다. let pos = { // 그림이 그려질 때 사용될 좌표 값 drawable: false, X: -1, Y: -1 }; let ctx; // 컨텍스트 // 캔버스 설정 return ( ); 초기화 useEffect(()=> {}, []): 두번째 값으로 '[]'을 주면 componentdidmount을 사용하는 것과 같다. 컴포넌트가 로딩이 완료되면 캔버스의 값을 가져와 컨텍스트를 설정하고 이벤트들 설정한다. useEffect(() => { canvas = canvasRef.current; ctx = canvas.ge.. 2020. 3. 18. 이전 1 다음
