Question

我这样使用svg精灵：

<svg><use href="combined.svg#filter_sent"></use></svg>

在Meteor/Blaze模板助手中，不会渲染svg精灵：

<div class="colorset">
    {{{color}}}
</div>


color: function () {
    if (this.color && !this.validate) {
        return '<svg><use href="combined.svg#green"></use></svg>';
    }
    if (this.color && this.certain) {
        return '<svg><use href="combined.svg#orange"></use></svg>';
    } else {
        return '<svg><use href="combined.svg#red"></use></svg>';
    }
}

=>在use> shadow-root内，什么都没有插入。

Answer 1

有很多错误可能性，如果您发布所有代码，则最好。

一种可能性：模板名称与助手函数声明不匹配。例如

在html文件中：

<template name="foo">
...

在js文件中：

Template.bar.helpers({ ....

（这比我想承认的要经常咬我）

我不知道你的意思

=>在use> shadow-root内，什么都没有插入。

使用Chrome检查器，您可以选择要检查的元素，并查看它是否真的很容易在页面中呈现。

辅助功能中的SVG精灵

1 个答案: