小编to7*_*7be的帖子
动态调整单个形状的大小而不缩放整个SVG
我有一个箭头作为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>11
推荐指数
推荐指数
2
解决办法
解决办法
3604
查看次数
查看次数