标签： javascript html css
我在页面上有几十到几百个小textareas，以及一个几何形状的画布元素（圆形，三角形，圆角矩形）。每个textarea具有相应的形状作为其背景。形状有一个z-index，可以改变。
除了为每个shape-textarea创建数十到数百个canvas元素，并正确设置z-index之外，还有一种方法可以定义textarea的多边形区域，其中文本不会在其中呈现，但是在那个区域之外呢？
例如，如果我们在此问题的中间放置一个圆圈，则该文本不会在该圆圈中呈现 - 但这需要适用于数百个textareas。