Могу ли я использовать <defs>для создания нескольких полилиний?

Question

Использование компонентов svg <defs> и <use> работает для кругов и эллипсов, но у меня возникают проблемы с их использованием для создания нескольких <polyline> с.

Вот мой код:

svg width="900" height="900"
            defs
                g id="POL"
                    <!--circle style="fill: inherit;" r="10"/-->
                    <polyline style="fill:black;stroke:red;stroke-width:1">
                    <line style="stroke:black;stroke-width:1.5"/>
                g
            defs
            <use points="0,10 25,10 35,20 5 25" xlink:href="#POL" />
            <use points="12,10 20,30 15,35 5 25" href="#bateau"/>
            <use points="12,4 10,28 10,30" href="#POL" style="fill:red;">
svg

Answer 1

points не является допустимым атрибутом для элемента use , но width, height x и y. Вот почему некоторые атрибуты rect и circle можно изменить, добавив их к элементу use, но не к атрибутам polyline (обратите внимание, если попытаться изменить r круга, это не работать тоже.)

(Похоже, вы пытаетесь повторно использовать def / использовать в качестве абстракции стиля. Для этого и нужен CSS.)