无法使用 svg.js 制作居中矩形
Can't make a centered rect with svg.js
我想要一个以我的 body 为中心的矩形。
这适用于一个圆圈:
draw.circle('200','50').fill('#f00').attr({ cx: '50%', cy: '50%' })
这行不通:
draw.rect('200','50').fill('#f00').attr({ cx: '50%', cy: '50%' })
draw.rect('200','50').fill('#f00').move('50%','50%')
如何做到这一点(没有 $(window).width()/2
)?
简单地说:你不能。为避免库中的混乱,对 move()
的调用仅在元素上设置属性,不执行其他操作。由于矩形没有 cx 和 cy,因此您无法单独使用库。
我想要一个以我的 body 为中心的矩形。 这适用于一个圆圈:
draw.circle('200','50').fill('#f00').attr({ cx: '50%', cy: '50%' })
这行不通:
draw.rect('200','50').fill('#f00').attr({ cx: '50%', cy: '50%' })
draw.rect('200','50').fill('#f00').move('50%','50%')
如何做到这一点(没有 $(window).width()/2
)?
简单地说:你不能。为避免库中的混乱,对 move()
的调用仅在元素上设置属性,不执行其他操作。由于矩形没有 cx 和 cy,因此您无法单独使用库。