flutter - SVG 在容器中失去曲率

Question

我在容器中有一个 svg 作为 child 。我正在使用这个 package . svg 在一侧弯曲，但在渲染时会失去这种曲率。

Padding(
              padding: const EdgeInsets.only(left: 30,right: 30,bottom: 10),
              child: ClipRRect(
                child: Container(
                  alignment: Alignment.centerRight,
                  child: SvgPicture.asset('assets/img/mask_purple_energizer.svg',height: 200,width: 1000,),
                    color: Theme.of(context).cardColor),
                borderRadius: BorderRadius.circular(15),
              ),
            ),

这是 svg 文件的要点:

https://gist.github.com/horgag1/66ef8ab683f26b9c19a318769a2cf3e9

Answer 1

我认为您正在使用的 SVG 插件不支持剪辑矩形，或者至少不支持它们在您的 SVG 中的表现。右边的角也没有被正确裁剪，但你无法分辨，因为 ClipRRect 会处理它。

如果您使用的 SVG 编辑器支持它，您可以将剪辑应用于每个形状，而不是将它们分开。否则，您的选择是提出错误或向插件添加剪辑，或者使用 ClipPath widget并手动定义剪切路径(或将其从 svg 中复制出来)。