html canvas2 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. Tweenjs 정리 Tweenjs 정리createjs.Tween.get(circle, {loop: true}) .wait(1000) // wait for 1 second .to({scaleX: 0.2, scaleY: 0.2}) // jump to the new scale properties (default duration of 0) .wait(1000) .to({scaleX: 1, scaleY: 1}, 1000, createjs.Ease.bounceOut) .call(console.log, ["done!"], console) // call console.log("done!"); .set({visible: false}, highlight) // set visible=false on highlightget(target, [pr.. 2017. 1. 16. 이전 1 다음
