안녕하십니까!! 다름이아니라 첫번째캔버스가 닿고 나서 fixed로 고정된후두번째캔버스가 나올때 이미지가 아니라 그냥 서서히 그라데이션만 주고싶은데 어떻게 해야할지 도무지 감이 안잡혀서요...스크롤 내릴때 그라데이션이 번지는(?) 듯한 느낌을 주고싶은데어떻게 해야할까요..

<a target="_blank" rel="noopener noreferrer nofollow" href="https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/createLinearGradient">https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/createLinearGradient</a>canvas에서 그라데이션을 그릴 수가 있답니다. 우리 예제에서처럼 스크롤된 비율을 이용해서, 그라데이션의 좌표값을 적절히 조정해주시면 될 것 같습니다 :)

<a target="_blank" rel="noopener noreferrer nofollow" href="https://www.dji.com/kr/mini-3-pro?site=brandsite&amp;from=nav">https://www.dji.com/kr/mini-3-pro?site=brandsite&amp;from=nav</a> 이 사이트에 나오는 효과도 강의 내용으로 변형해서 하는것인지..

인프런 커뮤니티 질문&답변

두번째 캔버스때 이미지말고 그라데이션