我正在尝试构建反应组件来动态设计产品,用户可以在其中选择 T 恤、马克杯、夹克等产品,并选择要在该产品基础上打印的图像。起初我试图在产品基础上实现图像蒙版。我对选择的图像使用了反应可拖动和可调整大小的组件。这是代码: https ://stackblitz.com/edit/react-draggable-and-resizable-pictures-3uufjl?file=index.js 当用户拖动或调整图像大小时,如果选择的图像超出 T 恤的边界,我会尝试隐藏它。我研究了 CSS 蒙版,其中背景图像和蒙版图像应用于相同的元素,但我有背景图像(即 tshirt )和蒙版图像(即 monalisa 图像),它们位于不同的 html 元素中。我有点困惑如何使用选择图片来实现 T 恤的 css 蒙版图像。