inflearn logo
강의

講義

知識共有

TS/JSデザインパターン with Canvas: ゼロ秒にしっかり学ぶ

メメント(Memento) - ペイントの履歴作成

undo 구현

65

padosum

投稿した質問数 1

0

안녕하세요 좋은 강의 잘 듣고 있습니다 

undo 기능을 따라 구현하던 중 이슈가 있어 질문 드립니다

pen mode로 그린 뒤 eraser mode에서 일부 지움 -> undo 실행

-> 화면이 모두 지워집니다

 

원인은 eraser mode에서 mousedown 시 ctx.globalCompositeOperation = 'destination-out' 로 바뀐 상태가 유지된 채 restore() 내부에서 drawImage()가 실행되기 때문인 것 같은데요,

 

제로초님이라면 

javascript typescript 객체지향 디자인-패턴 canvas

回答 1

1

zerocho

eraser에서 할것같습니다. eraser에서 destination-out으로 바꿨으므로 끝날때 마무리도 거기서 하는게 맞아보네요. 상황에 따라 restore까지 둘 다 하면 더 좋을 것 같고요

회원가입 구현 (구현 후 최종 화면 출력 X)

0

16

2

섹션3. 11 회원객체 다이어그램

0

16

1

OCP, DIP과 @Qualifier 어노테이션에 대해서 질문합니다.

0

19

1

디바이스 별 다른 크기의 화면을 고려하는 반응형UI

0

21

2

백오피스를 개발할 때 아키텍처 구성에 대한 질문

0

25

2

멀티스레드

1

22

2

ai가 만든 강의인가요?

0

46

1

성능 오버헤드

1

28

2

VSCode 설정 문의

0

33

2

(6.11) 회원가입시 프로필 정보 자동 생성하기 Q. 호출 순서 문의

0

26

1

[프론트엔드 문서화 관련 질문]

0

73

1

커맨드 패턴 적용

0

115

1

type/interface 정의 파일분리

0

99

2

팩토리 패턴

0

127

2

강결합

1

134

2

React 환경에서 클래스형 디자인 패턴 활용에 관한 질문

0

203

2

질문 있습니다.

0

144

2

[공유] State 패턴 강의 최종본 커밋에서 누락된 부분이 존재

1

115

2

팩토리 메서드에 대해서 궁금증이 생겨서 질문드려봅니다!

0

215

2

.

0

107

1

[섹션1/사전에 알아두면 좋은 TS/JS 지식]영상 재생 관련 질문 드립니다.

0

175

2

[12강] 선언식 + bind vs arrow function 어떤거 선호하시나요?

0

199

2

싱글톤 강의

1

309

2

리스코프 치환원칙은 반,공변성과 같은 원리인가요?

0

216

1