Gan*_*alf 4 css svg twitter-bootstrap
我已经制作了这个svg图http://jsfiddle.net/F3wPz/2/show/并尝试用百分比来表达形状http://jsfiddle.net/F3wPz/2/
但是,虽然矩形响应调整大小,但行不行.例如,在这一行中
<line id="svg_3" y2="55" x2="447" y1="55" x1="168" stroke-width="5" stroke="#000000" fill="none"/>
我犹豫是否认为x和y轴上的线和线的起点可以用百分比表示,因为它们只是在屏幕大小调整时没有调整大小.表示线条是错误的%吗？
那些x和y值不是像素单位,它们以相对于SVG坐标系的单位表示.如果您的SVG使用相对单位(例如,%或em)进行大小调整,则该行应相应缩放,而无需修改任何line属性.我认为你所缺少的是元素上的viewBox属性<svg>.
相关代码部分:
<svg width="50%" height="50%" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 480 480">