我正在与RaphaelJS合作,想要在我双击它时放大我的数字(SVG)。缩放本身工作正常,只需更改viewBox(如果Raphael Paper)即可实现。 我注意到的唯一的事情是我的元素的笔触宽度是相对于外部容器而不是当前的viewBox。到目前为止,我的解决方案是按照我放大的量增加笔划宽度,但也许有人知道更改其行为的更简单方法。
这是一个例子: http://jsfiddle.net/bCe8E/
当您点击重新循环时,viewBox的大小增加了3倍,模拟缩小。但不幸的是,笔划的宽度保持不变。 这太大了,需要一些调整,我到目前为止通过手动调整笔划宽度来实现(点击绿色圆圈)。
我也尝试了百分比,实际上应该完全符合我的要求(http://www.w3.org/TR/SVG/painting.html#StrokeProperties)但是在更改了viewBox之后左边的圆圈变得超薄并且看起来不像绿色(正确)的圆圈。但请看你自己:http://jsfiddle.net/NWcpR/