Freifunk-Troisdorf/meshviewer
5
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

forcegraph: keyboard zoom using + -

Browse Source
This commit is contained in:
Nils Schneider 2015-07-07 10:19:38 +02:00
parent 144dba319e
commit 160100e6df
1 changed files with 18 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
lib/forcegraph.js
View File

@ -469,6 +469,21 @@ define(["d3"], function (d3) {
}
}
function keyboardZoom(z) {
return function () {
var e = d3.event
if (e.altKey || e.ctrlKey || e.metaKey)
return
if (e.keyCode === 43)
animatePanzoom(z.translate(), z.scale() * 1.41)
if (e.keyCode === 45)
animatePanzoom(z.translate(), z.scale() / 1.41)
}
}
el = document.createElement("div")
el.classList.add("graph")
self.div = el
@ -479,10 +494,11 @@ define(["d3"], function (d3) {
.translate([sidebar.getWidth(), 0])
canvas = d3.select(el)
.call(zoomBehavior)
.append("canvas")
.attr("pointer-events", "all")
.attr("tabindex", 1)
.on("click", onClick)
.on("keypress", keyboardZoom(zoomBehavior))
.call(zoomBehavior)
.call(draggableNode)
.node()