Window

※ 이 글은 예전 블로그에서 퍼왔으며 2020.3.4.에 작성된 글입니다.

---

View

HTML5 Canvas 연습작으로 만들어 보았다.

아직 Canvas로 인터렉션을 구현하는건 조금 어려운 것 같다..;;

아직은 어떻게 사용해야 할지 이게 맞게 한건지 잘 모르겠지만 계속 공부해 봐야겠다.

PixiJS 라는 신박한 것도 있던데 한 번 공부해 보고 싶다.

---

Link

Window

---

알게 된 것

​

1. 브라우저의 Width나 Height 값을 알고 싶다면 다음 코드를 이용하자.

window.innerWidth; 
window.innerHeight;

2. Canvas Gradation 사용법

const grd = context.createLinearGradient(startX, startY, endX, endY);

grd.addColorStop(0, "color"); // 첫번째 argument에는 0~1 사이값을 넣으면 됨.
grd.addColorStop(1, "color");

context.fillStyle = grd;
context.fill();