Skip to content

Instantly share code, notes, and snippets.

@curran

curran/README.md Secret

Last active June 18, 2016 08:44
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save curran/e29da537fa106f79a4e9894fff4b1606 to your computer and use it in GitHub Desktop.
Save curran/e29da537fa106f79a4e9894fff4b1606 to your computer and use it in GitHub Desktop.
Download ZIP
Zoom Bug?
Raw
index.html
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<script src="//d3js.org/d3.v4.0.0-alpha.49.min.js"></script>
</head>
<body>
<script>
var transform = d3.zoomIdentity
.scale(2)
.translate(3, 4);
var zoom = d3.zoom()
var svg = d3.select("body").append("svg");
svg.call(zoom.transform, transform);
var retrievedTransform = d3.zoomTransform(svg);
// Prints "transform = translate(6,8) scale(2)", as expected.
console.log("transform = " + transform);
// Prints "retrievedTransform = translate(0,0) scale(1)".
// This is not expected, it should be the "translate(6,8) scale(2)".
console.log("retrievedTransform = " + retrievedTransform);
// Checking if it has to do with something asynchronous going on..
// Same result.
setTimeout(function (){
var retrievedTransform = d3.zoomTransform(svg);
// Prints "transform = translate(6,8) scale(2)", as expected.
console.log("transform = " + transform);
// Prints "retrievedTransform = translate(0,0) scale(1)".
// This is not expected, it should be the "translate(6,8) scale(2)".
console.log("retrievedTransform = " + retrievedTransform);
}, 500)
</script>
</body>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment