渲染svg树枝-Symfony 4

2024-05-20 • 问答

这是有效的svg。

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48">
<g id="home">
  <path fill="#90A4AE" d="M42,48H6c-3.3,0-6-2.7-6-6V6c0-3.3,2.7-6,6-6h36c3.3,6,2.7,6v36C48,45.3,48,42,48z"/>
  <path fill="#212121" d="M20.8,35.5v-9.6h6.4v9.6h8V22.7H40L24,8.3L8,22.7h4.8v12.8H20.8z"/>
</g>
</svg>

当我尝试用树枝动态加载它时，我什么也没渲染

这就是我在做的

<svg style="display:none;">
    <defs>
        {% for item in items %}
            <g id="{{item.label}}">
                {{item.svg}}
            </g>
        {% endfor %}
</svg>

以后

    {% for item in items %}
        <li class="nav__items ">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48">
                <use xlink:href=#{{item.label}}></use>
            </svg>
            <a href="{{item.target}}">{{item.label}}</a>
        </li>
    {% endfor %}

当我检查生成的html时，使用正常。我可以在里面找到家庭内容svg。但是什么也没打印。当然，如果我不使用树枝就直接使用它，:(

谢谢

ttzzhhssjjnn 回答：渲染svg树枝-Symfony 4

使用raw过滤器告诉Twig不要转义项目的内容：

<svg style="display:none;">
    <defs>
        {% for item in items %}
            <g id="{{item.label}}">
                {{item.svg|raw}}
            </g>
        {% endfor %}
</svg>

您可能还希望删除style="display:none;"

svg symfony twig

本文链接：https://www.f2er.com/3136764.html

渲染svg树枝-Symfony 4

ttzzhhssjjnn 回答：渲染svg树枝-Symfony 4

大家都在问