裁剪路径
最后更新于：2022-04-02 03:29:12
[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);
}
```
';