是否可以在svg元素上实现平滑的缩放效果?
我正在使用 svgpan 脚本,并了解放大是由变换属性控制的。
transform="matrix(0.6,0,0,0.6,0,0)
能否添加“过渡”,使放大功能时过渡平滑?
最佳答案
您需要更改:
<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 美元放在口袋里:)
关于SVGPAN - 平滑过渡放大效果,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17562606/