Javascript 有可能使SVG圆变形吗？

我想在SVG中使用一个圆圈元素，作为一些其他元素的容器

然后我想显著地扭曲圆的下半部分，使其向一侧倾斜。这样做是否可能使效果也适用于子元素

绘制一系列圆弧（作为路径）来创建我所追求的形状是很简单的，但是我假设没有办法使子元素采用相同的形状

---

如果相关，我将在浏览器中显示，然后通过JavaScript进行进一步操作。

请参阅。共享您尝试过的SVG代码before@Theraot该页面上的示例似乎都没有以我需要的方式更改原始项目-想象一下尝试制作类似心脏的东西，但是通过直接扭曲一个圆。@LibinPrasanth除了圆内的一对矩形外，我目前没有任何代码，但如果我尝试扭曲，我只能将其应用于整个圆-也许我缺少了一个魔法属性？所有的转换都是。我认为SVG不是适合这项工作的工具。尽管应该可以编写一个程序，该程序采用SVG并输出一个新的SVG，该SVG看起来与原始SVG相似，但会以您想要的方式扭曲。