SVG掩码不适用于多个变换

SVG掩码不适用于多个变换,svg,mask,Svg,Mask,我在react中动态生成了几个化身框架(在圆桌周围的椅子上)。我正在尝试向帧添加一个剪辑路径,该路径将根据帧的形状剪辑图像 下面是其中一帧的(生成的)代码,即使剪辑区域正好落在图像上(使用chrome的inspector检查),它似乎也不起作用。我尝试过用剪辑路径和遮罩(包含在下面的代码中)来剪辑/遮罩它。如果有人能解释为什么这不起作用那就太好了 这是因为您在图像之外进行剪切。为了调试它:在文档末尾使用掩码的内容,然后使用旋转的image@enxaneta谢谢你的评论,我知道了。我将剪切区域

我在react中动态生成了几个化身框架(在圆桌周围的椅子上)。我正在尝试向帧添加一个
剪辑路径
,该路径将根据帧的形状剪辑图像

下面是其中一帧的(生成的)代码,即使剪辑区域正好落在图像上(使用chrome的inspector检查),它似乎也不起作用。我尝试过用剪辑路径和遮罩(包含在下面的代码中)来剪辑/遮罩它。如果有人能解释为什么这不起作用那就太好了



这是因为您在图像之外进行剪切。为了调试它:在文档末尾使用掩码的内容,然后使用旋转的image@enxaneta谢谢你的评论,我知道了。我将剪切区域旋转了两次。我删除了额外的转换和所有的好功能。:)