웹잘알 등판좀)web canvas api와 event

[캐럿(q35n9n8)]

ctx.fillRect() call한다고 브라우저가 즉시 사각형을 그리지는 않음.. 이게 결국 이벤트란 소린데

그럼 fillRect를 성공적으로 그렸느냐에 대한 이벤트가 있을텐데 mdn 아무리 뒤져봐도 안 나온다.

- dc official App

[유사학생(awesomedotnet)]

-메-

[유사학생(awesomedotnet)]

https://stackoverflow.com/questions/11207606/html5-canvas-get-event-when-drawing-is-finished
니가 원하는 질문과 답

[익명(175.223)]

왜 그걸 핸들링하려고 해?

[캐럿(q35n9n8)]

필요해서. 굳이 필요하지 않을 수도 있겠지만(xy problem) 그래도 궁금하지 않음?

[익명(175.223)]

내가알기론 네이티브로 구현된 건 없을거야 drawRect같은 메서드는 그냥 그 곳에 그리겠다고 명시할 뿐이고, 생략되었지만 매 프레임마다 명시된 그 지점에다가 canavs가 그리는 방식으로 동작하거든

[익명(175.223)]

정 하고싶으시면 requestAnimationFrame을 이용하세요

[CreeJee4(000as00060)]

이게막다

[CreeJee4(000as00060)]

이벤트 없음

[CreeJee4(000as00060)]

컨택스트에 즉시그린

[캐럿(q35n9n8)]

ctx.fillRect call하고 while loop로 길게 delay 줘보셈.. 화면에 사각형 렌더링 바로 안 됨. 만약 저 메서드가 즉시 그렸다면 사각혓이 그려지고나서야 loop 진입했겠지.

[CreeJee4(000as00060)]

않이 스팩에 그리나와있다고오

[CreeJee4(000as00060)]

설령 머 내이티브 이벤트라 작업이 이벤트 루프에 넣어지고 순서대로 태스크 된다고치자

[CreeJee4(000as00060)]

그럼머 할수있는게 없는데 어쩔건데

[CreeJee4(000as00060)]

https://stackoverflow.com/questions/4648465/does-canvas-element-have-change-event

[CreeJee4(000as00060)]

하지말라면 좀하지마

[캐럿(q35n9n8)]

그래뭐알겠음. 근데 즉시 그린다라는 말에는 동의 못하겠다. 내가 말한 코드 테스트는 해봄? 즉시 그리는거 아니라니까. 스펙에도 immediately라는 단어도 없고.

[CreeJee4(000as00060)]

음 잠자고 일나서 직전이라 좀 안보고쓴듯 ㅈㅅ 일단 해보고 이야기해줄게

[캐럿(q35n9n8)]

내글인데
http://gall.dcinside.com/programming/1263588
생각해보니 내 추론도 맞다고는 못할것 같음.

[CreeJee4(000as00060)]

https://html.spec.whatwg.org/multipage/canvas.html#dom-context-2d-fillrect