[TOC] ## clip() 裁剪路径的作用是**遮罩**。只显示裁剪路径内的区域，裁剪路径外的区域会被隐藏, 实例 ``` function draw(){ var canvas = document.getElementById('tutorial1'); if (!canvas.getContext) return; var ctx = canvas.getContext("2d"); ctx.beginPath(); ctx.arc(20,20, 100, 0, Math.PI * 2); ctx.clip(); ctx.fillStyle = "pink"; ctx.fillRect(20, 20, 100,100); } ```