裁剪在旋转时是否正常工作？

Question

这是我的小提琴http://jsfiddle.net/H5GhH/

绘制黑色矩形，以显示剪辑路径的显示位置。红色矩形是我们需要修剪的对象。

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

Answer 1

创建一个新的g标签（组）并将所有元素移动到该组，然后将clip-path应用于g标签。如果应用于单个元素，ClipPath不识别元素属性的变换。所以它应该用g包装。