SVGPAN - 平滑过渡放大效果

时间:2013-07-10 04:47:28

标签: svg css-transitions css-transforms svg-animate

是否可以对svg元素进行平滑缩放?

我正在使用svgpan脚本,并了解放大是由transform属性控制的。

  

transform="matrix(0.6,0,0,0.6,0,0)

当应用放大功能时,可以添加“过渡”以平滑过渡吗?

样品: http://www.cyberz.org/projects/SVGPan/tiger.svg

理念平稳过渡: http://vectorflower.com/preview/smooth_zoom/

1 个答案:

答案 0 :(得分:2)

您需要更改:

<g id="viewport" transform="translate(200,200)">

进入类似的事情:

<g id="viewport" style="transition: transform 300ms linear;transform: translate(200px, 200px)">

SVGPan的第143行。 变化:

element.setAttribute("transform", s); 成:

element.style.transform = s;

并保留11美元的口袋:)

相关问题