У меня есть стрелка как SVG, длина которой я хочу изменить в ответ на ширину обертывания DIV (например).
Все мои предыдущие попытки привели к такому поведению (масштабирование всего SVG):
Вместо этого я хочу добиться такого поведения:
Можно ли просто изменить отдельные фигуры внутри SVG, просто добавив в код процентные значения? Если нет, как я могу это сделать?
SVG как код:
<svg width="35px" viewBox="0 0 35 985" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="Group" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" transform="translate(0.000000, 0.000000)">
<rect id="Rectangle-2" fill="#5FDCC7" x="12" y="19.7987928" width="11" height="100%"></rect>
<polygon id="Triangle" fill="#5FDBC6" points="17.5 0 35 20.7887324 0 20.7887324"></polygon>
<rect id="Rectangle-3" fill="#5FDBC6" x="0" y="973.110664" width="35" height="11"></rect>
</g>
</svg>