SVGPAN - 平滑過渡放大效果

Question

是否可以平滑放大效果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/

Answer 1

你需要改變：

<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口袋:)