如何在SVG中实现像google地图那样的平移
如何在SVG中实现像google地图那样的平移
提问于 2013-04-03 19:38:22
我已经完成了SVG图表的放大。请参考下面的截图。
上面的屏幕截图系列是缩放状态。我使用裁剪的概念在缩放后隐藏图表区域的外边线。
我需要在这里做淘金吗？我怎样才能像谷歌地图一样实现。当我开始平移以移动序列时，可以看到另一个区域的缩放图表。如何对SVG中的path元素进行翻译操作。屏幕截图中的元素称为系列(即数据点/line)。
我需要根据鼠标移动来移动元素的缩放区域(比如滚动隐藏的内容)。
"translate“属性是用来查看其他缩放区域的吗？如何在将进行平移的path元素中执行“翻译”。
普通图表屏幕截图。
缩放的屏幕截图。
请参考下面的链接。
http://www.cyberz.org/projects/SVGPan/tiger.svg
谢谢,
湿婆
回答 1
Stack Overflow用户
发布于 2013-04-05 22:23:12
首先要确保：
将svgpan.js文件下载到项目位置
必须是您代码中的正确位置
您必须添加这个: xmlns:xlink="http://www.w3.org/1999/xlink“
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/15786336
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号