Как добавить изображение .svg внутри прямоугольника с помощью svg в vue

#vue.js #svg

Вопрос:

Я пытаюсь добавить svg-изображение внутри прямоугольника, которое должно быть расположено в середине прямоугольника.

Я хочу добавить локальное изображение test.svg из каталога «изображения».Этот подход, который я использовал, работает только с URL-путем.

Есть ли другой способ заставить его работать с локальными файлами .svg?

Позже у меня будет несколько svg-файлов.

 Fiddle: https://jsfiddle.net/zo8pyed9/2/
 

Ответ №1:

Ваши коды верны, но вы не используете правильный путь для атрибута href, и он не может найти ваши SVG-файлы.