svg - 剪辑在旋转时是否正常工作？

Question

这是我的 fiddle http://jsfiddle.net/H5GhH/

绘制了黑色矩形，只是为了显示剪辑路径出现的位置。红色矩形是我们需要裁剪的对象。

将物体(红色矩形)旋转20度后，红色矩形的右下角 必须针对黑色边框的矩形进行裁剪，因为红色矩形是 heigh enoguh，应该看不到左下角。(想象将右侧红色矩形顺时针旋转20度，并将结果与​​左侧红色矩形进行比较。)

Answer 1

创建一个新的 g 标签(组)并将所有元素移动到该组，然后将 clip-path 应用于 g 标签。如果应用于单个元素，ClipPath 无法识别元素属性的转换。所以它应该用 g 包装起来。