我正在尝试创建一个具有多个网格布局选项（正方形、矩形和圆形的混合）并允许用户将图像上传到画布的生成画布。图像应该被例如位于主网格结构顶部的圆形遮盖，并在网格选项 1 中按宽度或高度适合形状。
什么是解决此问题的好方法，以便可以在网格选项三中重复使用上传的图像，但用矩形遮盖？每个网格布局都提供不同的空间，图像可以在其中被形状掩盖。
网格选项的选择由范围滑块控制。
我已经在我这边试过了，图像上传了，但在大尺寸的网格布局后面。
我的代码也使用 HTML 和 CSS。
谢谢