D3 中的编程放大
Programatic zoom in D3
使用这里的代码模式,我想以编程方式实现语义缩放(放大或缩小)。 我不确定如何获得通过缩放增强的正确 x、y 和 scaleExtent 项:
var svg = d3.select("body").append("svg")
.attr("width", width)
.attr("height", height)
.append("g")
.call(d3.behavior.zoom().x(x).y(y).scaleExtent([1, 8]).on("zoom", zoom));
请参阅此处的 JSfiddle。放大和缩小函数应模拟在 SVG 中居中的鼠标滚轮事件。
以下是基于以下答案的解决方案:http://jsbin.com/dociwuvacu/1
我相信
我成功地更新了你的小提琴,但如果没有,这是你需要的代码类型:
function zoomIn() {
zoomer.scale(zoomer.scale()+.1);
zoomer.event(svg);
}
function zoomOut() {
zoomer.scale(zoomer.scale()-.1);
zoomer.event(svg);
}
相关文章:
- jquery动画可以通过编程链接吗
- UIAutomation放大图像
- 一点javascript元编程&可链接的设置器
- 如何正确编程jQuery动画与平滑(导航栏)
- 如何在d3上的图形中添加放大和缩小按钮
- 如何使用javascript onmouseover缓慢放大图像
- 点击放大图片.JavaScript、CSS和HTML
- 鼠标悬停时如何居中放大背景图像
- 查找仅适用于原始图像的图像放大算法的名称
- 以编程方式填充组合框道场 (1.8) 的最佳方法是什么?
- 以编程方式选择文本Mobile Safari
- 我们可以使用任意的编程语言来动态化HTML页面吗
- 我如何编程许多不同的条件和操作
- Web编程,简单但适用于机器人项目
- addEventListener的Javascript代码不工作!?(单击时打开放大的img)
- Thunderbird,如何以编程方式选择第一个选项卡
- 以编程方式获取无线接入点列表
- D3 中的编程放大
- 以编程方式放大 D3
- 有没有一种方法可以在javascript中以编程方式放大或平移Bing地图?