是否可以对 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/
问问题
1251 次
1 回答
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 美元放在口袋里 :)
于 2014-09-03T20:30:57.080 回答