Эластичная часть SVG - PullRequest
0 голосов
/ 25 мая 2018

У меня есть SVG, который представляет гистограмму на графике.

<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
     viewBox="0 0 8 98" preserveAspectRatio="none" xml:space="preserve">
<path fill="#FFFFFF" stroke="#000000" stroke-miterlimit="10" d="M7.5,93.541C7.5,95.727,5.933,97.5,4,97.5l0,0
    c-1.933,0-3.5-1.773-3.5-3.959V4.459C0.5,2.272,2.067,0.5,4,0.5l0,0c1.933,0,3.5,1.772,3.5,3.959V93.541z"/>
</svg>

enter image description here

Есть ли способ создать SVG (viewbox,пропорции и т. д.) для него сжимаются до разных размеров (в пределах разумного), что бы защитить закругленные углы и общий вид?Я действительно хочу, чтобы он срезал середину, чтобы соответствовать желаемому размеру, оставляя более короткую, но узнаваемую полосу.Масштабирование по умолчанию делает это:

enter image description here

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...