SVGMobject无法正确显示图像

时间:2020-02-03 09:19:15

标签: svg manim

我正在尝试使用SVG文件创建数字生物。但是当我运行动画并出现该生物时,有一些缺失的部分,我不知道为什么。即使我只是尝试在SVGMobject上加载SVG文件,也无法正常工作。

Creature()是一个子类,继承了NumberCreature类的功能,只是将其重命名为Alex()。

这是python代码:

class NumberCreature(Scene):
def construct(self):       
    creature = Creature()
    self.add(creature)
    self.wait()

这是原始的SVG代码:https://codeshare.io/aYM4Mn 这是预期的结果: SVG original image

当我运行python代码时,这是真实的结果:SVG generated image by manim

我还尝试运行此python代码:

class NumberCreature(Scene):
def construct(self):       
creature = SVGMobject('/home/usr/manim/assets/svg_images/NumberCreature_plain.svg')    
    self.add(creature)
    self.wait()

results from manim

如您所见,图像的某些部分丢失了,即使我尝试使用生物[index] .set_color(original_hex_color)正确地为所有颜色着色,结果也总是与原始图像不同。

请帮助我,我不知道到底是怎么回事,我还不是傻子。

1 个答案:

答案 0 :(得分:2)

如果您打算使用SVG,建议您学习一些基本的SVG课程,因为您肯定会经常遇到此类问题,因此在youtube上可以找到很多,我建议您以this开头。

解决您的问题,以分析发生了什么,我创建了一个脚本:

        creature = SVGMobject('creature.svg').set_height(FRAME_HEIGHT-1)
        index = VGroup()
        colors = it.cycle([YELLOW,GREEN,PURPLE,PINK,GRAY,TEAL])
        for i in range(len(creature)):
            text = Text(f"{i}",color=WHITE,stroke=0,font="Arial").set_height(0.4)
            color = next(colors)
            creature[i].set_color(color)
            creature[i].set_stroke(color,2)
            text.next_to(creature[i],RIGHT,buff=0)
            index.add(text)

enter image description here

此脚本向我显示了svg的部件数量,并且将索引放置在每个部件的右侧,如您在图像中看到的那样,svg中有8个(从0开始)子图,并且我们可以认为第0层和第7层是相同的,所以如果我们隐藏第7层,请给我们:

class NumberCreature(Scene):
    def construct(self):
        creature = SVGMobject('creature.svg').set_height(FRAME_HEIGHT-1)
        index = VGroup()
        colors = it.cycle([YELLOW,GREEN,PURPLE,PINK,GRAY,TEAL])
        for i in range(len(creature)):
            text = Text(f"{i}",color=WHITE,stroke=0,font="Arial").set_height(0.4)
            color = next(colors)
            creature[i].set_color(color)
            creature[i].set_stroke(color,2)
            text.next_to(creature[i],RIGHT,buff=0)
            index.add(text)

        creature.set_stroke(BLUE,2)
        creature[-1].fade(1)

        self.add(creature,index)
        self.wait()

enter image description here

知道这一点,直觉正在发生的事情并不困难,因此您必须进行设计。

重要:默认情况下,manim从svg中删除样式和颜色,因此必须手动进行配置,如下所示:< / p>

class NumberCreatureS(Scene):
    def construct(self):
        creature = SVGMobject('creature.svg').set_height(FRAME_HEIGHT-1)
        creature[0].set_style(fill_opacity=1,stroke_width=0,stroke_opacity=0,fill_color=RED_A)
        creature[7].set_style(fill_opacity=0,stroke_width=30,stroke_opacity=1,stroke_color=RED)
        creature[3].set_stroke(RED,20)
        black_rectangle = Rectangle(
            width=get_norm(creature[0].get_corner(UL)-creature[0].get_corner(UR)),
            height=creature[1].get_height()/2,
            fill_opacity=1,
            stroke_opacity=0,
            fill_color=BLACK,
            )
        black_rectangle.next_to(creature[0],UP,buff=0.15)

        self.add(creature,black_rectangle)
        self.wait()

enter image description here