虽然标题是画椭圆，但是我们先来说说 Canvas 中的圆

相信大家对于 Canvas 画圆都不陌生

CSS 样式的 clip-path 来源于 SVG<clipPath> 元素，它们的本质都是剪切

每个人都知道剪切，那么 clip-path 实现的剪切有什么特别之处呢？

它的剪切元素可以是任意对象

你整个 HTML 页面也好，一个 form 表单也好，图片也好，一切都可以变成一块一块的

在看效果之前先检查一个这个属性的浏览器兼容情况，如下图：