[HTML/canvas] Compositing and clipping

mdn의 캔버스 튜토리얼 따라하기 참고 : 캔버스 튜토리얼 function draw() { // 클리핑 var ctx = document.getElementById("clippingCanvas").getContext("2d"); // cliping ctx.fillRect(0,0,150,150); ctx.translate(75,75); // 네모 중심으로 이동 ctx.beginPath(); ctx.arc(0,0,60,0,Math.PI*2, true); ctx.clip(); const lingrad = ctx.createLinearGradient(0, -75, 0, 75); lingrad.addColorStop(0, "#232256"); lingrad.addColorStop(1, "#143778"); ctx..