Как отправить значения свойств в файлы SVG, используя ember-inline-svg?

Я использую ember-inline-svg, есть файл logo.svg, я звоню с

{{inline-svg 'logo' class="logo" }}

в моем файле hbs.

Работает нормально. Мне просто нужно отправить еще один параметр данных и получить доступ к нему в файле SVG, чтобы я мог динамически генерировать SVG. Как бы я поступил так?

Источник

1 ответ

Решение

То , что вы хотите, не возможно, потому что svg Сам по себе не имеет динамических частей.

Однако вам, вероятно, не нужно ember-inline-svg совсем. Может ли быть возможность встроить svg в компонент?

Просто создайте компонент Logo и положить svg внутри logo.hbs:

<svg height="60" width="200" ...attributes>
  <text y=20 >I love {{@name}}</text>
</svg>

Затем установите tagName: '' (или используйте template-only-glimmer-component). Тогда вы можете просто использовать его как компонент:

<Logo class="logo" @name="Ember" />
Источник
Другие вопросы по тегам