Skip to content

Instantly share code, notes, and snippets.

@biovisualize
Forked from enjalot/inlet.js
Created January 19, 2013 13:48
Show Gist options
  • Save biovisualize/4572769 to your computer and use it in GitHub Desktop.
Save biovisualize/4572769 to your computer and use it in GitHub Desktop.
Fit a rectangle around text
{"description":"Fit a rectangle around text","endpoint":"","display":"svg","public":true,"require":[],"fileconfigs":{"inlet.js":{"default":true,"vim":false,"emacs":false,"fontSize":12},"_.md":{"default":true,"vim":false,"emacs":false,"fontSize":12},"config.json":{"default":true,"vim":false,"emacs":false,"fontSize":12}},"tab":"edit","display_percent":0.7,"play":false,"loop":false,"restart":false,"autoinit":true,"pause":true,"loop_type":"period","bv":false,"nclones":15,"clone_opacity":0.4,"duration":3000,"ease":"linear","dt":0.01,"hidepanel":false}
var svg = d3.select("svg");
var group = svg.append("g")
.attr("transform", "translate(100,100)");
var rect = group.append("rect")
.style("fill", "skyblue");
var text = group.append("text")
.attr("dy", "1em")
.style("fill", "black")
.text("testssss");
var textSize = text.node().getBBox();
rect.attr("width", textSize.width)
.attr("height", textSize.height);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment