变换 SVG 组以创建透视图（“梯形变换”）

Question

有没有什么方法可以创建一个 SVG 变换，将正方形变换为等腰梯形，以产生透视的错觉？

我有一个项目（在这里可见），其中 svg（面包板）中有一个元素组，我想倾斜该元素组，以便底部看起来更靠近用户。

我可以使用诸如“-webkit-transform：perspective（1000px）rotateX（40deg）;”之类的CSS变换（在支持的浏览器中）来变换顶级SVG DOM元素，但这在嵌套组元素中不起作用。

任何建议表示赞赏，谢谢！